这几年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"