关于博客及主题的相关设置【Hexo+Conding+Next】

关于博客及主题的相关设置(Hexo+Conding+Next)

感谢NEXT主题的提供者,这个主题比其他的主题完善程度要好很多。相对而言,难度也小很多。

博客折腾到现在为止,也已经遇到了不少的坑,感谢网络上各位大咖的无私分享,虽然博客还有不尽如意的地方,不过基本满足能用的状态了。结合我这两天折腾的经过,我大致梳理下几个步骤:

安装

安装环境

安装 Hexo 只需几分钟时间,安装之前需要保证本地已经安装了Node.js和Git,安装方法自行百度下。
安装了环境后就可以利用npm来完成hexo的安装。

安装HEXO
1
$ npm install -g hexo-cli
安装NEXT

在本地HEXO目录下,使用 Git checkout 代码 获取next主题:

1
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

安装成功后,需要进一步配置主题,这里有两个 _config.yml文件:站点配置文件主题配置文件,是重点需要掌握的地方,这里做个简单的介绍,让你认识它:

在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml 。其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。
我们约定,将前者称为 站点配置文件,后者称为 主题配置文件。

配置NEXT

说起这个配置,其实有很多细节,我的需求并没有那么高,所以很多内容也没有尝试。这里交代下我有过的几个操作:

中文菜单的显示

因为NEXT支持多语言,所以在站点配置文件里关于language的设置要指定为:zh-Hans。然后把对应菜单名的注释去掉就可以了。当然还需要配合 hexo new page 『your page』来实现对应页面的新建,不然你就只能看到一个尴尬的404页面了。

我在这里遇到了一个大坑,无论怎么调试都无法正常显示中文,最终迫于无奈重新安装了next主题才得以解决。

检索功能的添加

网上提供了很多关于swiftype以及Algolia等插件的安装教程,试过后发现目前只能免费使用1个月了,最终发现NEXT主题提供了本地检索的功能,安装后效果不错。想一下,很多时候何必舍近求远。

1
2
3
4
5
search:
path: search.xml
field: post
format: html
limit: 10000
Feed/Rss 站点地图 固定链接 收录等

添加Feed和搜索引擎收录等功能需要进一步完善,等有机会在做补充分享。

写在最后

其实利用HEXO+CODING实现博客架设所有的细节都可以在网上找到解决方案。需要的就是耐心和细致了。我就不多卖弄和搬运了。我会贴出一些我曾经检索的干货链接,供后来者参考。

参考贴子(值得一读)

官方指导文档

http://theme-next.iissnan.com/getting-started.html

爱折腾的高手博客分享

http://blog.junyu.io/
https://neveryu.github.io/2016/09/03/hexo-next-one/

修改底部信息(增加coding信息去除跳转页)

https://www.jianshu.com/p/4fbc57269f1b

增加发布文档信息

http://www.vitah.net/posts/20f300cc/

git clone获得next的链接

https://github.com/iissnan/hexo-theme-next.git
https://github.com/iissnan/hexo-theme-next themes/next

增加search功能