經(jīng)過(guò)一番不懈的努力，我們終于按照Hexo免費(fèi)搭建一個(gè)屬于自己的博客搭建好了一個(gè)屬于自己的博客，并且還安裝了一個(gè)Next主題，但是我們的博客一開(kāi)始還是很簡(jiǎn)陋的，我們需要把她裝修一下。
- 在 Hexo 中有兩份主要的配置文件，其名稱都是 _config.yml。 其中，一份位于站點(diǎn)根目錄下，主要包含 Hexo 本身的配置；另一份位于主題目錄下，這份配置由主題作者提供，主要用于配置主題相關(guān)的選項(xiàng)。
為了描述方便，在以下說(shuō)明中，將前者稱為站點(diǎn)配置文件， 后者稱為主題配置文件。- 以下所有終端執(zhí)行的命令都在你的Hexo根目錄下
1、基本信息配置
基本信息包括：博客標(biāo)題、作者、描述、語(yǔ)言等等。
打開(kāi) 站點(diǎn)配置文件 ，找到Site模塊
title: 標(biāo)題
subtitle: 副標(biāo)題
description: 描述
author: 作者
language: 語(yǔ)言（簡(jiǎn)體中文是zh-Hans）
timezone: 網(wǎng)站時(shí)區(qū)（Hexo 默認(rèn)使用您電腦的時(shí)區(qū)，不用寫）
關(guān)于 站點(diǎn)配置文件 中的其他配置可參考站點(diǎn)配置
2、菜單設(shè)置
菜單包括：首頁(yè)、歸檔、分類、標(biāo)簽、關(guān)于等等
我們剛開(kāi)始默認(rèn)的菜單只有首頁(yè)和歸檔兩個(gè)，不能夠滿足我們的要求，所以需要添加菜單，打開(kāi) 主題配置文件 找到Menu Settings
menu:
home: / || home //首頁(yè)
archives: /archives/ || archive //歸檔
categories: /categories/ || th //分類
tags: /tags/ || tags //標(biāo)簽
about: /about/ || user //關(guān)于
#schedule: /schedule/ || calendar //日程表
#sitemap: /sitemap.xml || sitemap //站點(diǎn)地圖
#commonweal: /404/ || heartbeat //公益404
看看你需要哪個(gè)菜單就把哪個(gè)取消注釋打開(kāi)就行了；
關(guān)于后面的格式，以archives: /archives/ || archive為例：
|| 之前的/archives/表示標(biāo)題“歸檔”，關(guān)于標(biāo)題的格式可以去themes/next/languages/zh-Hans.yml中參考或修改
||之后的archive表示圖標(biāo)，可以去Font Awesome中查看或修改，Next主題所有的圖標(biāo)都來(lái)自Font Awesome。
3、Next主題樣式設(shè)置
我們百里挑一選擇了Next主題，不過(guò)Next主題還有4種風(fēng)格供我們選擇，打開(kāi) 主題配置文件 找到Scheme Settings
# Schemes
# scheme: Muse
# scheme: Mist
# scheme: Pisces
scheme: Gemini
4種風(fēng)格大同小異，本人用的是Gemini風(fēng)格，你們可以選擇自己喜歡的風(fēng)格。
4、側(cè)欄設(shè)置
側(cè)欄設(shè)置包括：側(cè)欄位置、側(cè)欄顯示與否、文章間距、返回頂部按鈕等等
打開(kāi) 主題配置文件 找到sidebar字段
sidebar:
# Sidebar Position - 側(cè)欄位置（只對(duì)Pisces | Gemini兩種風(fēng)格有效）
position: left //靠左放置
#position: right //靠右放置
# Sidebar Display - 側(cè)欄顯示時(shí)機(jī)（只對(duì)Muse | Mist兩種風(fēng)格有效）
#display: post //默認(rèn)行為，在文章頁(yè)面（擁有目錄列表）時(shí)顯示
display: always //在所有頁(yè)面中都顯示
#display: hide //在所有頁(yè)面中都隱藏（可以手動(dòng)展開(kāi)）
#display: remove //完全移除
offset: 12 //文章間距（只對(duì)Pisces | Gemini兩種風(fēng)格有效）
b2t: false //返回頂部按鈕（只對(duì)Pisces | Gemini兩種風(fēng)格有效）
scrollpercent: true //返回頂部按鈕的百分比
5、頭像設(shè)置
打開(kāi) 主題配置文件 找到Sidebar Avatar字段
# Sidebar Avatar
avatar: /images/header.jpg
這是頭像的路徑，只需把你的頭像命名為header.jpg（隨便命名）放入themes/next/source/images中，將avatar的路徑名改成你的頭像名就OK啦！
6、設(shè)置RSS
1、先安裝 hexo-generator-feed 插件
$ npm install hexo-generator-feed --save
2、打開(kāi) 站點(diǎn)配置文件 找到Extensions在下面添加
# RSS訂閱
feed:
type: atom
path: atom.xml
limit: 20
hub:
content:
content_limit: 140
content_limit_delim: ' '
3、打開(kāi) 主題配置文件 找到rss，設(shè)置為
rss: /atom.xml
7、添加分類模塊
1、新建一個(gè)分類頁(yè)面
$ hexo new page categories
2、你會(huì)發(fā)現(xiàn)你的source文件夾下有了categorcies/index.md，打開(kāi)index.md文件將title設(shè)置為title: 分類
3、打開(kāi) 主題配置文件 找到menu，將categorcies取消注釋
4、把文章歸入分類只需在文章的頂部標(biāo)題下方添加categories字段，即可自動(dòng)創(chuàng)建分類名并加入對(duì)應(yīng)的分類中
舉個(gè)栗子：
title: 分類測(cè)試文章標(biāo)題
categories: 分類名
8、添加標(biāo)簽?zāi)K
1、新建一個(gè)標(biāo)簽頁(yè)面
$ hexo new page tags
2、你會(huì)發(fā)現(xiàn)你的source文件夾下有了tags/index.md，打開(kāi)index.md文件將title設(shè)置為title: 標(biāo)簽
3、打開(kāi) 主題配置文件 找到menu，將tags取消注釋
4、把文章添加標(biāo)簽只需在文章的頂部標(biāo)題下方添加tags字段，即可自動(dòng)創(chuàng)建標(biāo)簽名并歸入對(duì)應(yīng)的標(biāo)簽中
舉個(gè)栗子：
title: 標(biāo)簽測(cè)試文章標(biāo)題
tags:
- 標(biāo)簽1
- 標(biāo)簽2
...
9、添加關(guān)于模塊
1、新建一個(gè)關(guān)于頁(yè)面
$ hexo new page about
2、你會(huì)發(fā)現(xiàn)你的source文件夾下有了about/index.md，打開(kāi)index.md文件即可編輯關(guān)于你的信息，可以隨便編輯。
3、打開(kāi) 主題配置文件 找到menu，將about取消注釋
10、添加搜索功能
1、安裝 hexo-generator-searchdb 插件
$ npm install hexo-generator-searchdb --save
2、打開(kāi) 站點(diǎn)配置文件 找到Extensions在下面添加
# 搜索
search:
path: search.xml
field: post
format: html
limit: 10000
3、打開(kāi) 主題配置文件 找到Local search，將enable設(shè)置為true
11、添加閱讀全文按鈕
因?yàn)樵谀愕牟┛椭黜?yè)會(huì)有多篇文章，如果你想讓你的文章只顯示一部分，多余的可以點(diǎn)擊閱讀全文來(lái)查看，那么你需要在你的文章中添加
<!--more-->
其后面的部分就不會(huì)顯示了，只能點(diǎn)擊閱讀全文才能看
12、修改文章內(nèi)鏈接文本樣式
打開(kāi)文件
themes/next/source/css/_common/components/post/post.styl，在末尾添加
.post-body p a {
color: #0593d3;
border-bottom: none;
border-bottom: 1px solid #0593d3;
&:hover {
color: #fc6423;
border-bottom: none;
border-bottom: 1px solid #fc6423;
}
}
其中選擇 .post-body 是為了不影響標(biāo)題，選擇 p 是為了不影響首頁(yè)“閱讀全文”的顯示樣式,顏色可以自己定義。
13、設(shè)置網(wǎng)站縮略圖標(biāo)
從網(wǎng)上看了很多設(shè)置方法都是說(shuō)把favicon.ico放到站點(diǎn)目錄的source目錄下就可以了，可是我試了好多遍，并不行。
我的設(shè)置方法是這樣的：把你的圖片（png或jpg格式，不是favicon.ico）放在themes/next/source/images里，然后打開(kāi) 主題配置文件 找到favicon，將small、medium、apple_touch_icon三個(gè)字段的值都設(shè)置成/images/圖片名.jpg就可以了，其他字段都注釋掉。
14、設(shè)置文章字體的顏色、大小
如果想設(shè)置某一句的顏色或大小，只需用html語(yǔ)法寫出來(lái)就行了
接下來(lái)就是見(jiàn)證奇跡的時(shí)刻
<font color="#FF0000"> 我可以設(shè)置這一句的顏色哈哈 </font>
<font size=6> 我還可以設(shè)置這一句的大小嘻嘻 </font>
<font size=5 color="#FF0000"> 我甚至可以設(shè)置這一句的顏色和大小呵呵</font>
15、設(shè)置文字居中
設(shè)置方法：
<center>這一行需要居中</center>
注意：簡(jiǎn)書(shū)中此方法無(wú)效
16、添加評(píng)論系統(tǒng)
目前國(guó)內(nèi)比較有名的多說(shuō)、網(wǎng)易云跟帖評(píng)論系統(tǒng)都已停止服務(wù)了，國(guó)外的Disqus評(píng)論系統(tǒng)還得需要翻墻，所以不推薦使用，剩下的還有搜狐暢言、友言、來(lái)必力等。
本來(lái)想使用暢言的，結(jié)果注冊(cè)完之后還得要求備案，我只想說(shuō)F開(kāi)頭的那個(gè)單詞，果斷放棄。
后來(lái)選擇了友言
1、進(jìn)入友言官網(wǎng)注冊(cè)、登錄步驟我就不介紹了
2、登錄完成之后，點(diǎn)擊獲取代碼，你會(huì)發(fā)現(xiàn)出來(lái)了一段代碼，里面有你的uid=1234567
3、打開(kāi) 主題配置文件 找到youyan_uid將值設(shè)置為上面的uid就可以了
17、添加站點(diǎn)訪問(wèn)計(jì)數(shù)
站點(diǎn)訪問(wèn)計(jì)數(shù)有名的就是不蒜子，使用起來(lái)非常方便
1、安裝腳本
打開(kāi) themes/next/layout/_partial/footer.swig，將下面這段代碼添加到里面
<div>
<script async src="http://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span id="busuanzi_container_site_pv" style='display:none'>
本站總訪問(wèn)量 <span id="busuanzi_value_site_pv"></span> 次
<span class="post-meta-divider">|</span>
</span>
<span id="busuanzi_container_site_uv" style='display:none'>
有<span id="busuanzi_value_site_uv"></span>人看過(guò)我的博客啦
</span>
</div>
添加的位置如下圖，可自行根據(jù)個(gè)人喜好更換位置
2、以上只是顯示站點(diǎn)的訪問(wèn)次數(shù)，如果想顯示每篇文章的訪問(wèn)次數(shù)，打開(kāi) themes/next/layout/_macro/post.swig，在第一行增加
is_pv字段
{% macro render(post, is_index, is_pv, post_extra_class) %}
然后將這段代碼插入到里面
{% if is_pv %}
<span class="post-meta-divider">|</span>
<span id="busuanzi_value_page_pv"></span>次閱讀
{% endif %}
插入的位置
然后再打開(kāi) themes/next/layout/post.swig，這個(gè)文件是文章的模板，給render方法傳入?yún)?shù)（對(duì)應(yīng)剛才添加的
is_pv字段）
最后再打開(kāi) themes/next/layout/index.swig，這個(gè)文件是首頁(yè)的模板，給render方法傳入?yún)?shù)（對(duì)應(yīng)剛才添加的is_pv字段）
OK！設(shè)置完畢。
18、去掉文章目錄標(biāo)題的自動(dòng)編號(hào)
我們自己寫文章的時(shí)候一般都會(huì)自己帶上標(biāo)題編號(hào)，但是默認(rèn)的主題會(huì)給我們帶上編號(hào)，很是別扭，如何去掉呢？
打開(kāi)主題配置文件，找到
number改為false即可
