NexT主题

我选择NexT主题主要有以下理由。

简约。就我个人而言,在从审美的角度调整博客对我来说是一件困难的事情,如果我选择花里胡哨的主题(像butterfly)那么给博客首页配图,给我的每篇博客配图,就会成为给我造成困扰,所以选择简约的主题是难免的。

稳定、文档完善、社区活跃。NexT主题是一个Hexo经典主题,作为一个经典主题,它的稳定性、文档完善度和社区活跃度都是非常高的,每天有大量的开发者使用,遇到任何问题都可以在社区中得到答案,同时,NexT主题的功能强大,且种类多样,可以为我的博客提供各种必要的功能。

由于以上种种原因,我最终选择了NexT主题,当然,如果后期有时间,我也可能会尝试一下butterfly主题,毕竟Hexo的多种主题设置和切换都非常方便,这为创建多主题博客提供了可能性。

NexT主题发展史

我在GitHub上搜到最早的NexT主题应该是这个仓库theme-next/hexo-theme-next,我的判断依据也挺简单,他的头像图标和NexT图标一样,这也算是一种经验主义吧。hexo-theme-next仓库star比较多的有三家,他们star比其他人的star高出了一个数量级,所以在选择时只要货比三家就可以了。显而易见,原始仓库theme-next/hexo-theme-next停更四年有余,第一个仓库更是停更了七年有余,而next-theme/hexo-theme-next仓库最近刚刚更新,活跃度还是很高的,这正是我喜欢的。这算是从我的视角观察到的NexT主题的发展变化,也是我选择仓库的根据。

GitHub hexo-theme-next仓库搜索图

NexT主题安装

一般的主题安装方法

这里先讲一下一般主题安装方式,以NexT主题举例。

找到主题的仓库next-theme/hexo-theme-next,对于新手来说最好选择稳定的发行版,也就是Releases,点击Releases

GitHub hexo-theme-next仓库截图

选择Latest release,点击Source code (zip)下载。

GitHub hexo-theme-next仓库Releases图

如果没有Releases,就只能选择Code,点击Download ZIP下载。

Code 下载图

下载完成后,解压出来一个文件夹,改名为next,放到themes文件夹下,如下图所示。

博客项目文件结构图

修改blog目录下的配置文件(不是next主题的配置文件)_config.yml,将主题改为next,这样主题的最原始状态就可以使用了。

_config.yml
1
theme: next

要想修改主题的配置,最好的办法就是将next目录下的_config.yml文件复制出来一份,改名为_config.next.yml,存放在blog目录下,通过修改_config.next.yml文件来修改主题的配置。

NexT主题最好的安装办法

NexT仓库next-theme/hexo-theme-next的其中一位贡献者stevenjoezhang将仓库打包成了一个npm包,并将它发布到了npm官方仓库中了,这给了NexT主题一个全新的,快捷方便的安装方式,即使用npm安装。

只这一条命令,就抵得上一般主题安装方法中的所有步骤了。

1
npm install hexo-theme-next

然后在node_modules目录下的hexo-theme-next目录中,找到主题的配置文件_config.yml,复制到blog目录下,改名为_config.next.yml,这样就可以通过修改_config.next.yml文件来修改主题的配置了。

NexT主题配置

NexT主题的配置文件是_config.next.yml,它的配置项非常多,就参考官方文档吧,我就不一一介绍了。

评论系统Utterances配置遇到的问题

我在配置Utterances评论系统时,遇到评论登录GitHub时跳转到了Example Domain,这是因为我在blog目录下_config.yml文件中没有配置url项,导致Utterances评论系统无法获取到我的博客网址,我在_config.yml文件中添加了url项,配置我的博客网址,就解决了这个问题。

Example Domain图