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主题的发展变化,也是我选择仓库的根据。
NexT主题安装
一般的主题安装方法
这里先讲一下一般主题安装方式,以NexT主题举例。
找到主题的仓库next-theme/hexo-theme-next,对于新手来说最好选择稳定的发行版,也就是Releases
,点击Releases
。
选择Latest release
,点击Source code (zip)
下载。
如果没有Releases
,就只能选择Code
,点击Download ZIP
下载。
下载完成后,解压出来一个文件夹,改名为next,放到themes文件夹下,如下图所示。
修改blog目录下的配置文件(不是next主题的配置文件)_config.yml
,将主题改为next,这样主题的最原始状态就可以使用了。
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
项,配置我的博客网址,就解决了这个问题。