Hexo + Next 踩坑提醒
Contents
这几年NodeJS太火了,就准备把之前记录的blog用Hexo重构以下。网上的教程真是太多了,参照官方的文档Hexo
本打算自己写主题的,现在还是用现成的吧Next | yilia, Yilia是基于webpack构建的其性能比Next要高。目前我采用的Next, 比较容易踩坑的地方记一下。
How to create new menu
1 | $ hexo new page tags |
How to change social icon
对于缺少的icon可用globe代替,也可以通过FontAwesome搜索你喜欢的来替换1
2
3
4
5
6
7
8
9
10social_icons:
enable: true
# Icon Mappings.
# KeyMapsToSocalItemKey: NameOfTheIconFromFontAwesome
GitHub: github
Twitter: twitter
Facebook: facebook
Telegram: telegram
Instagram: instagram
Weibo: weibo
How to active search function
安装hexo-generator-search
plugin, 生成blog content index. 更多详细配置参照hexo-generator-search1
2
3
4
5
6$ npm install hexo-generator-search --save
#modify _config.yml 增加以下内容
search:
path: search.xml
field: post
How to generate feed xml
安装hexo-generator-feed
plugin, 更多详细配置参照hexo-generator-feed1
2
3
4
5
6
7
8$ npm install hexo-generator-feed
#modify _config.yml 增加以下内容
#Feed Atom
feed:
type: atom
path: atom.xml
limit: 20
How to improve SEO by sitemap
安装hexo-generator-sitemap
plugin, 更多详细配置参照hexo-generator-sitemap1
2
3
4
5
6
7$ npm install hexo-generator-sitemap
#modify _config.yml 增加以下内容
#sitemap
sitemap:
path: sitemap.xml
How to deploy to github
安装hexo-deployer-git
plugin, 更多详细配置参照hexo-deployer-git1
$ npm install hexo-deployer-git --save
How to bind a personal domain
cd source目录下,添加CNAME文件1
2
3
4
5$ cd source/
$ touch CNAME
$ vim CNAME # input you personal domain
$ git add CNAME
$ git commit -m "add CNAME"
Author: itabas016
Link: https://tech.itabas.com/2016/10/21/web/hexo-next-tutorial/
License: CC BY-NC-ND 4.0