經(jīng)過一番不懈的努力，我們終于按照Hexo免費(fèi)搭建一個(gè)屬于自己的博客搭建好了一個(gè)屬于自己的博客愧旦，并且還安裝了一個(gè)Next主題跌造，但是我們的博客一開始還是很簡陋的，我們需要把她裝修一下间聊。
- 在 Hexo 中有兩份主要的配置文件攒盈，其名稱都是 _config.yml。 其中哎榴，一份位于站點(diǎn)根目錄下型豁，主要包含 Hexo 本身的配置；另一份位于主題目錄下尚蝌，這份配置由主題作者提供迎变，主要用于配置主題相關(guān)的選項(xiàng)。
為了描述方便飘言，在以下說明中衣形，將前者稱為站點(diǎn)配置文件， 后者稱為主題配置文件姿鸿。- 以下所有終端執(zhí)行的命令都在你的Hexo根目錄下
1谆吴、基本信息配置
基本信息包括：博客標(biāo)題、作者苛预、描述句狼、語言等等。
打開 站點(diǎn)配置文件 碟渺，找到Site模塊
title: 標(biāo)題
subtitle: 副標(biāo)題
description: 描述
author: 作者
language: 語言（簡體中文是zh-Hans）
timezone: 網(wǎng)站時(shí)區(qū)（Hexo 默認(rèn)使用您電腦的時(shí)區(qū)鲜锚，不用寫）
關(guān)于 站點(diǎn)配置文件 中的其他配置可參考站點(diǎn)配置
2、菜單設(shè)置
菜單包括：首頁苫拍、歸檔芜繁、分類、標(biāo)簽绒极、關(guān)于等等
我們剛開始默認(rèn)的菜單只有首頁和歸檔兩個(gè)骏令，不能夠滿足我們的要求，所以需要添加菜單垄提，打開 主題配置文件 找到Menu Settings
menu:
home: / || home //首頁
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è)取消注釋打開就行了榔袋；
關(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)都來自Font Awesome。
3吏够、Next主題樣式設(shè)置
我們百里挑一選擇了Next主題勾给，不過Next主題還有4種風(fēng)格供我們選擇，打開 主題配置文件 找到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è)欄顯示與否、文章間距昌妹、返回頂部按鈕等等
打開 主題配置文件 找到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)行為捶枢，在文章頁面（擁有目錄列表）時(shí)顯示
display: always //在所有頁面中都顯示
#display: hide //在所有頁面中都隱藏（可以手動(dòng)展開）
#display: remove //完全移除
offset: 12 //文章間距（只對(duì)Pisces | Gemini兩種風(fēng)格有效）
b2t: false //返回頂部按鈕（只對(duì)Pisces | Gemini兩種風(fēng)格有效）
scrollpercent: true //返回頂部按鈕的百分比
5、頭像設(shè)置
打開 主題配置文件 找到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、打開 站點(diǎn)配置文件 找到Extensions在下面添加
# RSS訂閱
feed:
type: atom
path: atom.xml
limit: 20
hub:
content:
content_limit: 140
content_limit_delim: ' '
3昼牛、打開 主題配置文件 找到rss术瓮，設(shè)置為
rss: /atom.xml
7、添加分類模塊
1贰健、新建一個(gè)分類頁面
$ hexo new page categories
2胞四、你會(huì)發(fā)現(xiàn)你的source文件夾下有了categorcies/index.md，打開index.md文件將title設(shè)置為title: 分類
3伶椿、打開 主題配置文件 找到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)簽頁面
$ hexo new page tags
2偎痛、你會(huì)發(fā)現(xiàn)你的source文件夾下有了tags/index.md旱捧，打開index.md文件將title設(shè)置為title: 標(biāo)簽
3、打開 主題配置文件 找到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)于頁面
$ hexo new page about
2贪婉、你會(huì)發(fā)現(xiàn)你的source文件夾下有了about/index.md，打開index.md文件即可編輯關(guān)于你的信息卢肃，可以隨便編輯谓松。
3、打開 主題配置文件 找到menu践剂，將about取消注釋
10、添加搜索功能
1娜膘、安裝 hexo-generator-searchdb 插件
$ npm install hexo-generator-searchdb --save
2逊脯、打開 站點(diǎn)配置文件 找到Extensions在下面添加
# 搜索
search:
path: search.xml
field: post
format: html
limit: 10000
3、打開 主題配置文件 找到Local search竣贪，將enable設(shè)置為true
11军洼、添加閱讀全文按鈕
因?yàn)樵谀愕牟┛椭黜摃?huì)有多篇文章，如果你想讓你的文章只顯示一部分演怎，多余的可以點(diǎn)擊閱讀全文來查看匕争，那么你需要在你的文章中添加
<!--more-->
其后面的部分就不會(huì)顯示了，只能點(diǎn)擊閱讀全文才能看
12爷耀、修改文章內(nè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 是為了不影響首頁“閱讀全文”的顯示樣式,顏色可以自己定義歹叮。
13跑杭、設(shè)置網(wǎng)站縮略圖標(biāo)
從網(wǎng)上看了很多設(shè)置方法都是說把favicon.ico放到站點(diǎn)目錄的source目錄下就可以了，可是我試了好多遍咆耿，并不行德谅。
我的設(shè)置方法是這樣的：把你的圖片（png或jpg格式，不是favicon.ico）放在themes/next/source/images里萨螺，然后打開 主題配置文件 找到favicon窄做，將small、medium慰技、apple_touch_icon三個(gè)字段的值都設(shè)置成/images/圖片名.jpg就可以了椭盏，其他字段都注釋掉。
14吻商、設(shè)置文章字體的顏色庸汗、大小
如果想設(shè)置某一句的顏色或大小，只需用html語法寫出來就行了
接下來就是見證奇跡的時(shí)刻
<font color="#FF0000"> 我可以設(shè)置這一句的顏色哈哈 </font>
<font size=6> 我還可以設(shè)置這一句的大小嘻嘻 </font>
<font size=5 color="#FF0000"> 我甚至可以設(shè)置這一句的顏色和大小呵呵</font>
15手报、設(shè)置文字居中
設(shè)置方法：
<center>這一行需要居中</center>
注意：簡書中此方法無效
16蚯舱、添加評(píng)論系統(tǒng)
目前國內(nèi)比較有名的多說改化、網(wǎng)易云跟帖評(píng)論系統(tǒng)都已停止服務(wù)了，國外的Disqus評(píng)論系統(tǒng)還得需要翻墻枉昏，所以不推薦使用陈肛，剩下的還有搜狐暢言、友言兄裂、來必力等句旱。
本來想使用暢言的，結(jié)果注冊(cè)完之后還得要求備案晰奖，我只想說F開頭的那個(gè)單詞谈撒，果斷放棄。
后來選擇了友言
1匾南、進(jìn)入友言官網(wǎng)注冊(cè)啃匿、登錄步驟我就不介紹了
2、登錄完成之后蛆楞，點(diǎn)擊獲取代碼溯乒，你會(huì)發(fā)現(xiàn)出來了一段代碼，里面有你的uid=1234567
3豹爹、打開 主題配置文件 找到youyan_uid將值設(shè)置為上面的uid就可以了
17裆悄、添加站點(diǎn)訪問計(jì)數(shù)
站點(diǎn)訪問計(jì)數(shù)有名的就是不蒜子，使用起來非常方便
1臂聋、安裝腳本
打開 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'>
本站總訪問量 <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>人看過我的博客啦
</span>
</div>
添加的位置如下圖，可自行根據(jù)個(gè)人喜好更換位置
2孩等、以上只是顯示站點(diǎn)的訪問次數(shù)钟哥，如果想顯示每篇文章的訪問次數(shù)，打開 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 %}
插入的位置
然后再打開 themes/next/layout/post.swig腻贰，這個(gè)文件是文章的模板，給render方法傳入?yún)?shù)（對(duì)應(yīng)剛才添加的
is_pv字段）
最后再打開 themes/next/layout/index.swig扒秸，這個(gè)文件是首頁的模板播演，給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)拾徙，很是別扭洲炊，如何去掉呢？
打開主題配置文件，找到
number改為false即可
18暂衡、更多
1询微、還有其他更多的主題配置，請(qǐng)查看主題配置
2狂巢、還有其他更多的插件撑毛，請(qǐng)查看Hexo插件
