不管是不是小白，也不管是因?yàn)樾难獊沓边€是深思熟慮后想建個(gè)博客，既然看到了這篇文章舍哄，那就證明了你已經(jīng)邁出了第一步，按著教程一步步來誊锭，不會(huì)的Baidu表悬、Google下，相信你一定能成功的丧靡！
此文適用條件：
- Windows用戶蟆沫，Mac用戶操作基本類似
- 想擁有獨(dú)立博客
- 完全剛開始著手建Blog，或嘗試了下結(jié)果遇見各種大坑
- 愛折騰温治，不怕麻煩 (雖然此文會(huì)讓你避開大坑饭庞，省去不少時(shí)間，但客觀上說依然比較耗神)
首先預(yù)覽下完成后的博客主頁：konfido.github.io
初階折騰
安裝必要軟件
-
Notepad++
Windows代碼編輯器罐盔，各種好用但绕！雖然用電腦自帶的記事本也能編輯代碼，但...相信我你會(huì)自己回來下載這個(gè)軟件的惶看。 -
Haroopad/Typora
Mackdown文本編輯器，用于編寫博客及修改部分hexo文檔六孵。這兩款是目前看到windows環(huán)境下比較順眼纬黎、順手的；Mac下可以用Mou劫窒。
[注意] 如果Harroopad在用的過程中出現(xiàn)打不出漢字的情況本今，參考下面的鏈接文章解決：Haroopad 中文不顯示
基本搭建
按下面的鏈接文章進(jìn)行基本的搭建：手把手教你用Hexo+Github 搭建屬于自己的博客
可以總結(jié)為以下步驟：
- 安裝Node.js
- 配置Git環(huán)境
- github賬戶的注冊和配置
- 安裝hexo
- 配置hexo
- 將hexo部署到github page上
- 寫文章，生成主巍，部署
此時(shí)冠息，已經(jīng)可以按hexo默認(rèn)的的landscape主題使用自己的博客了，但是為了使博客更加美觀孕索、好用逛艰，需繼續(xù)進(jìn)行優(yōu)化。
- 安裝并啟用NexT主題
- 設(shè)置主題
- 擴(kuò)展插件
此時(shí)搞旭，已經(jīng)將主題換成了更簡潔美觀的NexT主題散怖，并進(jìn)行了初步的個(gè)性化設(shè)置。
[注意] 如果對域名沒有明確的需求肄渗，直接使用github二級(jí)域名即可镇眷，如果以后發(fā)現(xiàn)博客寫的比較多或者有其他實(shí)際需求，再去購買域名翎嫡。
中階完善
1. 添加首頁鏈接
- 此時(shí)點(diǎn)擊頁面上的“首頁”鏈接會(huì)出現(xiàn)404頁面欠动，解決辦法：
打開主題配置文件，找到menu字段惑申，將home行改為
home: /konfido.github.io(設(shè)置為自己的博客地址或其他主頁)
2. 文章增加tags(標(biāo)簽)和categories(分類)
- 打開主題配置文件具伍，將menu下tags和category前的#去掉翅雏，保存。
- 如果想改變要顯示的內(nèi)容沿猜，可以進(jìn)入hexo->themes->next->langueges枚荣，打開zh-Hans.yml，修改對應(yīng)項(xiàng)要顯示的內(nèi)容啼肩，然后保存橄妆。
- 使用
hexo new XXX指令添加新文章的時(shí)候，可以使用以下方法默認(rèn)在新建的md文件中添加categories 以及 tags 標(biāo)簽：進(jìn)入hexo->scaffolds祈坠，打開post.md害碾，在橫線以上添加categories:和tags:即可。
[注意] 此時(shí)點(diǎn)擊博客上的“分類”或“標(biāo)簽”連接會(huì)出現(xiàn)404頁面赦拘，因?yàn)檫€未設(shè)置index文件慌随，解決方法：
- 在命令行中輸入
$ hexo new page tags，此命令會(huì)在sources/tags中新增index.md文件 - 打開這個(gè)文件編輯為：
title: tags
date: 2017-02-08 14:10:27
type: "tags"
- 同理躺同，在命令行中輸入
$ hexo new page categories阁猜，此命令會(huì)在sources/categories中新增index.md文件 - 打開這個(gè)文件編輯為：
title: categories
date: 2017-02-08 14:12:18
type: "categories"
此后你發(fā)布的文章中所有的標(biāo)簽及分類就可點(diǎn)擊標(biāo)簽頁及分類頁查看了。
3. 增加“閱讀全文“按鈕
- 在文章合適位置處添加:``即可蹋艺。
進(jìn)階配置擴(kuò)展
參考theme-next使用文檔
1. 增加評論系統(tǒng)
- 進(jìn)入theme->next->layout->_scripts->third-party剃袍，打開comments.swig，可以發(fā)現(xiàn)目前最新版的next主題已經(jīng)集成了多說捎谨、Disqus民效，hypercomments，跟帖涛救，友言等多種評論系統(tǒng)畏邢。
- Disqus據(jù)其他文章說因?yàn)閲鴥?nèi)網(wǎng)絡(luò)環(huán)境的因素不太穩(wěn)定，hypercomments評論界面比較簡潔检吆，但是需要登錄社交賬號(hào)才能評論舒萎，而登錄候選項(xiàng)基本都是國內(nèi)不存在的社交APP。
- 綜合來看比較推薦多說咧栗。
按官方文檔的說明注冊多說賬戶并設(shè)置即可逆甜。
[注意]站點(diǎn)配置文件中添加的duoshuo_shortname字段即多說域名注冊時(shí)空白處所填內(nèi)容。
[注意]：修改了next主題的部分css或其他代碼之后致板，通過hexo s -g 可以在本地查看效果交煞，但是通過hexo d -g發(fā)布之后，然后打開博客卻看不到修改后的樣式斟或，解決方法：
- hexo clean
- 清理瀏覽器緩存
2. 增加分享按鈕
官方已集成JiaThis素征，百度分享，多說分享，AddThis等御毅，如果已注冊多說賬戶根欧，可直接選擇多說分享即可。開啟方法：
編輯主題配置文件(_config.yml)端蛆，找到或添加duoshuo_share: true字段凤粗。
3. 讓文章顯示閱讀次數(shù)
閱讀次數(shù)統(tǒng)計(jì)（LeanCloud)：按提示注冊LeanCloud賬戶并進(jìn)行相關(guān)配置即可。
4. 顯示評論者的設(shè)備型號(hào)等相關(guān)信息
在主題配置文件中今豆，找到duoshuo_info字段嫌拣，去除其前#，enable后改為true呆躲，多說的user_id到 http://dev.duoshuo.com 去找异逐，是一串十幾位的數(shù)字。
5. 搜索服務(wù)
添加LocalSearch即可插掂，其他按官方文檔自行添加
6. 增加文末打賞按鈕
最新版next已集成此功能灰瞻，默認(rèn)關(guān)閉，需自行開啟辅甥，但是配置方式與其他不同(相關(guān)細(xì)節(jié)可進(jìn)入hexo->themes->next->layout->_macro酝润，打開reward.swig，查看相關(guān)語句)璃弄，具體配置方法：在主題配置文件(_config.yml)中添加以下字段：
# Donate 文章末尾顯示打賞按鈕
reward_comment: XXXX（顯示的字樣）
wechatpay: /images/wechatpay.jpg
alipay: /images/alipay.jpg
同時(shí)將處理后的支付二維碼照片放在hexo->images文件夾中袍祖。
[注意] 如果對圖片加載速度有要求，或博客文章中需要插入圖片谢揪，或有其他要求，則需要將圖片放進(jìn)圖床并獲取圖片外鏈捐凭，具體方法如下：
可轉(zhuǎn)成base64編碼格式字符串（適用于小圖拨扶，不推薦）
將github作為圖床：在repository的根目錄下建立image文件夾，然后將圖片放在其中茁肠，在寫鏈接的時(shí)候直接使用自己的GitHub Pages根路徑加圖片地址訪問即可患民。例如:
[圖片上傳失敗...(image-324657-1528647552208)]將微博作為免費(fèi)圖床，將圖片以微博形式發(fā)出垦梆，獲取外鏈匹颤。
使用專門的圖床服務(wù)（推薦），具體查看下面的連接文章：
結(jié)語
到此印蓖，大功告成，恭喜你已經(jīng)建立了一個(gè)相對完善好用的獨(dú)立Blog了京腥！如果還有其他需要赦肃，可搜索hexo進(jìn)階與優(yōu)化相關(guān)博文或自行探索。
