Hexo是一款優秀的靜態博客，本文主要記錄了在搭建Hexo博客時的一些安裝配置。通過Hexo配置了自己的個人博客，采用了Next主題。
訪問域名：http://yaohuiye.com
github源碼：https://github.com/yaohuiye/yaohuiye.github.io
環境安裝
安裝NodeJs
為防止網絡問題導致下載卡頓.NoteJs配置為使用淘寶鏡像，輸入如下的命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org通過如下的命令安裝hexo：
cnpm install -g hexo-cli
cnpm install hexo --save驗證hexo版本，此刻安裝的最新版本是3.2.2
hexo -v安裝Git，并在Github上擁有一個賬號。因為項目是部署在Github中，利用到了其提供的Pages功能
Hexo指令熟悉
- 清理生成文件
hexo clean - 新建文章
hexo new "postName" == hexo n "postName" - 新建頁面
hexo new page "pageName" - 生成靜態頁面至public目錄
hexo generate == hexo g - 開啟預覽訪問端口（默認端口4000，'ctrl + c'關閉server）
hexo server == hexo s - 將.deploy目錄部署到GitHub
hexo deploy == hexo d
備注：命令可以聯結使用，如：hexo clean && hexo generate && hexo deploy。如hexo s -g
生成博客
- 創建一個博客目錄blog
- 在blog文件夾中進入git的控制臺
- 進行Hexo博客的初始化
hexo init
cnpm install - 運行博客
hexo s -g - 在瀏覽器中輸入：http://localhost:4000 ,則會展示博客內容
配置博客
主要的配置文件是blog目錄下的_config.yml。在這個配置文件中可以修改博客的標題title,簡介description,語言lang,主題theme
- 博客采用了NexT主題，安裝步驟如下：
（1）進入blog目錄下，打開git的控制臺，輸入如下的命令：
git clone https://github.com/iissnan/hexo-theme-next themes/next
（2）在blog根目錄下的_config.yml中修改theme的值，修改為next
（3）重新運行博客，在瀏覽器中即可看到效果
備注：next提供了非常完整的幫助文檔，具體可參考慮鏈接：
http://theme-next.iissnan.com/getting-started.html - 設置站點的圖標favicon.ico
（1）制作一個favicon.ico文件，將其放到blog/source目錄下 - 設置404頁面
（1）這里主要引用的是騰訊的公益找人404.html
（2）參考鏈接：http://theme-next.iissnan.com/theme-settings.html#volunteer-404 - 設置分類頁面categories
（1）運行命令：hexo new page categories
（2）此時在source目錄下會生成categories文件夾，categories文件夾中會有一個index.md
（3）打開index.md，完善如下的內容。type: "categories"一定要添加，不然頁面上不會生成tag列表。如果有評論功能，則添加上comments: false來禁止。
---
title: 分類
date: 2017-02-12 15:25:57,
type: "categories"
comments: false
---
設置標簽頁面tags
（1）運行命令：hexo new page tags
（2）此時在source目錄下會生成tags文件夾，tags文件夾中會有一個index.md
（3）打開index.md，完善如下的內容。type: "tags"一定要添加，不然頁面上不會生成tag列表。如果有評論功能，則添加上comments: false來禁止。
--- title: 標簽 date: 2017-02-12 15:25:30 type: "tags" comments: false ---設置評論
（1）這里設置的是多說的評論
（2）參考鏈接：http://theme-next.iissnan.com/third-party-services.html#duoshuo設置分享
（1）這里設置的是JiaThis
（2）參考鏈接：http://theme-next.iissnan.com/third-party-services.html#share-jiathis設置站內搜索
（1）這里設置的是Local Search。需要安裝hexo-generator-searchdb插件
（2）參考鏈接：http://theme-next.iissnan.com/third-party-services.html#local-search設置about頁面
（1）運行命令：hexo new page about
（2）此時在source目錄下會生成about文件夾，about文件夾中會有一個index.md
（3）在index.md中進行個人介紹內容的編輯設置統計分析
（1）這里設置的是百度統計
（2）參考鏈接：http://theme-next.iissnan.com/third-party-services.html#analytics-baidu設置社交賬號展示
（1）參考鏈接：http://theme-next.iissnan.com/theme-settings.html#author-sites-
設置頁面文章的篇數
（1）安裝相關插件
cnpm install --save hexo-generator-index cnpm install --save hexo-generator-archive cnpm install --save hexo-generator-tag
（2）在_config.yml配置文件中添加上如下的配置
index_generator:
per_page: 5
archive_generator:
per_page: 20
yearly: true
monthly: true
tag_generator:
per_page: 10
13. 添加RSS
（1）安裝插件
`cnpm install hexo-generator-feed --save`
（2）在_config.yml修改配置：
feed
type: atom
path: atom.xml
limit: 20
14. 添加sitemap
（1）安裝插件
`cnpm install hexo-generator-sitemap --save`
（2）在_config.yml修改配置：
sitemap:
path: sitemap.xml
15. 標題欄展示字數統計以及閱讀時長
（1）安裝插件
（2）找到themes/next/layout/_marcro文件夾中的post.swig文件
（3）定位到__post-time__的元素，在元素后面追加如下的代碼：
<span class="post-time">
|
<span class="post-meta-item-icon">
<i class="fa fa-calendar-o"></i>
</span>
<span class="post-meta-item-text">字數統計:</span>
<span class="post-count">{{ wordcount(post.content) }}(字)</span>
</span>
<span class="post-time">
|
<span class="post-meta-item-icon">
<i class="fa fa-calendar-o"></i>
</span>
<span class="post-meta-item-text">閱讀時長:</span>
<span class="post-count">{{ min2read(post.content) }}(分)</span>
</span>
（4）參考鏈接：http://www.joryhe.com/2016-06-06-hexo_wordcount_setting_your_post.html
16. 加載google字體緩慢的解決
（1）打開next/_config.xml文件，在font屬性下修改host為//fonts.css.network
font:
enable: true
Uri of fonts host. E.g. //fonts.googleapis.com (Default)
host: //fonts.css.network
### 部署到github，使之可以通過username.github.io來進行站點的訪問
（1）參考鏈接：http://blog.csdn.net/u3d_ysj/article/details/50525820
### 部署到coding
（1）參考鏈接：http://www.lxweimin.com/p/7ad9d3cd4d6e#
### 域名申請以及域名解析
（1）域名是在godaddy中購買，省去了備案的手續
（2）域名解析是在dnspod中配置的
### 寫博客
1. 如寫一個test文章，輸入如下的命令
`hexo n "test"`
2. 在_post中就生成了一個test.md文件
3. 指定分類，在categories中添加上分類，如
`categories: 測試`
4. 指定標簽，在tags中添加上標簽，如
tags:
-test
-測試
5. 編寫一段簡介，然后換行添加上一行 <!--more-->，這部分簡介就會有列表頁面展示
6. 編寫文章內容
7. 重新生成頁面，啟動服務
`hexo s -g`
8. 確定文章寫好后，將其提交到github中
`hexo clean && hexo generate && hexo deploy`
### 參考鏈接
Maupassant主題：https://www.haomwei.com/technology/maupassant-hexo.html
Hexo搭建Github-Pages博客填坑教程：http://www.lxweimin.com/p/35e197cb1273
Next主題：https://github.com/iissnan/hexo-theme-next
Next主題使用文檔： http://theme-next.iissnan.com/
關于Github的配置、域名申請、圖床：http://ibruce.info/2013/11/22/hexo-your-blog/