这几年NodeJS太火了,就准备把之前记录的blog用Hexo重构以下。网上的教程真是太多了,参照官方的文档Hexo
本打算自己写主题的,现在还是用现成的吧Next | yilia, Yilia是基于webpack构建的其性能比Next要高。目前我采用的Next, 比较容易踩坑的地方记一下。

How to create new menu

1
2
3
4
5
6
7
8
9
$ hexo new page tags

#修改`/tag/index.md`, type为tags, 禁用comments将value改为false
---
title: tags
date: 2016-xx-xx 12:38:22
type: "tags"
comments: false
---

How to change social icon

对于缺少的icon可用globe代替,也可以通过FontAwesome搜索你喜欢的来替换

1
2
3
4
5
6
7
8
9
10
social_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-searchplugin, 生成blog content index. 更多详细配置参照hexo-generator-search

1
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-feedplugin, 更多详细配置参照hexo-generator-feed

1
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-sitemapplugin, 更多详细配置参照hexo-generator-sitemap

1
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-gitplugin, 更多详细配置参照hexo-deployer-git

1
$ 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"