這篇文章發表在我的個人博客上，為了更好的閱讀體驗，請戳這里：jmyblog
> 首先聲明：這并不是一篇教程。
這不是一篇教程，原因有4個：
-博主太懶了，而且文筆也很差。
-寫教程需要把之前的過程再過一遍，博主沒有時間也沒有耐心。
-中間要在github上創建個人的github.io庫，而這個庫每個賬號只能有一個。為了寫教程再去申請賬號太麻煩了。
-最后一點，也是最重要的一點：網上的教程已經很多了，而且有的文章寫的確實不錯。我的博客就是參考網上的教程搭建的，既然我沒有人家寫得好，就沒有必要寫。
我想有的人會問了：那這篇文章是干嘛的呢？
**問得好。**
我想在你看到我的這篇文章之前，各位小可愛一定還見過或者收藏了其他關于搭建博客的的文章，以便對比，查漏補缺式的開始搭建。博主搭建博客的時候也是這么做的。
所以，本文將把我從開始想搭建博客，到最后搭建成功的整個過程中，用到的所有文章鏈接做一個匯總。這樣可以減少你在網上搜索教程，過濾有用文章的時間。而且還方便博主以后查看，讓一切變得簡單。
怎樣匯總呢？
我是這樣做的，把文章分為5個部分。根據我的經驗，這5個部分是你整個博客搭建過程中必須要思考和實踐的：
-前言：搭建博客難嗎 & 為什么要搭建博客
-背景知識：Hexo & Github & GithubPages & CodingPages
-搭建過程：重頭戲
-個性化：本文鏈接最多的一個部分，原因你懂的
-我的建議和踩過的坑
最后一個部分穿插在前4個部分中，能讓你更快的進行博客搭建，所以不作為單獨的目錄出現。
>如果你不想了解前兩個部分，可以直接跳到第3部分。
**好了，廢話就不多說了，開車!**
----------
# 前言 #
## 搭建博客難嗎？ ##
我可以很負責人的告訴你：**不僅不難，而且還很簡單。**
那么，只有程序員才能搭建博客嗎？
不存在的。
或許你不相信，但我確實見過有許多非互聯網行業的人也搭建了自己的博客。所以在搭建博客這件事上，確實沒有專業之分。
說白了，搭建博客就是用一堆別人的東西，來做一個你自己的東西：Hexo、主題、GithubPages、CodingPages，這些沒一樣是你的。而且這些都是免費的，除了買域名要花一只棒棒糖的錢（我搭建博客一共就花了3塊錢）
所以，人家設計的東西，你只要拿來用就可以了。
## 需要自己知道一些背景知識嗎？ ##
上邊說了，搭建博客是沒有專業之分的。你可以不知道什么是Github,hexo,GithubPages/CodingPages。甚至在技術方面什么也不懂。
結合我的搭建過程，我可以先給你說說他們都是怎么用的：
-Github：只是建立了一個github.io的庫，沒有賬號的話可以注冊一個。所以你有沒有賬號，會不會操作Github都沒有關系。
-Hexo：只是下載了它的安裝包和主題，你只需要知道一些部署博客的命令（不超過5條）。這些命令你也可以不會，因為文檔里都有。
-GithubPages：是Github推出的功能，只要你建立了github.io庫，就默認在使用。它相當于一個服務器，可以保存你的所有博客文件，是你電腦上博客站點的一份備份。也不用你了解。
-CodingPages：跟GithubPages作用相同，也是為了備份。所以你可以不用這個。但這個是國內的。為了雙重保障和你的博客運行速度。建立還是設置下它。
它們的概念下邊會詳細介紹。
當然，搭建博客時你可以什么都不懂。但為了以后能更好的操作你的博客，建議在搭建成功之后，好好學習一下Github的使用。網上的教程也有很多，這里就不再贅述。
雖然你可以什么都不懂，但以下3樣東西你必須要有：
-耐心：搭建博客是一件非常折騰的事情，所以耐心很重要
-細心：一定要細心，確保每一步都是正確的。
-一定的學習能力和鉆研精神，遇到困難一定要面對它，主動解決。
## 為什么搭建博客？ ##
這個問題相信你已經有了自己的答案，但我還是建議你看看這2篇文章：
## 搭建博客需要多長時間？ ##
這個因人而異，在我看來，有這么幾種：
-半天：只是搭建，不涉及到換域名和個性化，并且了解背景知識。那么只要半天便可以搭建完成
-一天：需要了解背景知識，并且換了域名和主題，但沒有太多的個性化
-兩天：設置了評論，字數統計等各種個性化設置（比如我）
-三天甚至更多：各種找個性化插件和設置，一直在折騰的人
當然，前兩種都是你沒有遇到太大的坑或者困難所給出的估計時間。如果你在搭建的時候碰到了很多的問題，那么這個時間就得延長了。因為這種問題一般不好查。
----------
# 背景知識 #
搭建博客之前，你應該知道自己在做的是什么。先把事情做對，再把事情做好。所以你需要了解一些背景知識。
## 建立博客的渠道 ##
>通常來說，建立博客的通常渠道包括以下3種：
-在博客平臺上注冊，比如 博客園、CSDN、新浪博客 等。
-利用博客框架搭建，如 WordPress、Jekyll、hexo 等。
-自己用代碼寫一個。
其中，第一種最簡單，也最受限，說不定還會被刪帖刪號（我就遇到過這種情況）。第二種稍復雜，另外需要自己找部署的服務器，但可定制化較高，是很多人的選擇。最后一種，是在重復造輪子，不過從另一個方面來看，倒是鍛煉編程能力的好方式。
而我們要做的，就是第二種：既不受限，難度也不大。
## 為什么選擇GithubPages和Hexo ##
用第二種方式搭建博客也有很多方法，但主流的有兩種：
-Wordpress
-GitHub Pages+Hexo
很多人用 Wordpress，為什么我要用 GitHub Pages 來搭建？
-開始我也不知道用哪個，但在網上搜了教程后，發現wordpress比Hexo要麻煩很多。
-Hexo是開源在Github上的，而且輕快便捷
-GitHub Pages 有 300M 免費空間，資料自己管理，保存可靠。
-學著用 GitHub，享受 GitHub 的便利，上面有很多大牛，眼界會開闊很多
-順便看看 GitHub 工作原理，最好的團隊協作流程
-GitHub 是趨勢
## 概念介紹 ##
### HEXO ###
Hexo 是一個簡單、快速、強大的靜態博客框架，基于Node.js。由臺灣大學生tommy351創建。并把它開源到了Github上，這里是它在Github上的地址：HexoGithub，它主要有以下優點：
-極速生成靜態頁面
-一鍵部署博客
-豐富的插件支持
-支持 Markdown
更多內容可以查看Hexo的官方文檔，建議你只看看介紹部分，其它的你現在也看不太懂。等你搭建好了博客再去詳細了解其他的內容就會輕松很多：Hexodoc
GitHub是一個代碼托管網站和社交編程網站。這里聚集了世界上各路技術牛叉的大牛，和最優秀的代碼庫。是全球程序員的天堂。因為是國外的，所以界面全是英文。博主英語過了六級剛開始接觸的時候心都突突，不過不要怕，不是還有翻譯么，
也有好多人調侃它是全球同性交友平臺，其實我不太懂這個梗（女程序員也是很多的好么）
### GitHub Pages ###
GitHub Pages是用來托管 GitHub 上靜態網頁的免費站點，其他的不多說。
### CodingPages ###
和GithubPages功能相同，其對應的Coding平臺也可以實現和Github相似的功能。但沒有后者那么出名。是香港的公司，也算是國內的。
看了這些，我相信你一定還是一臉懵逼的。但你可以簡單理解成下邊的的一段話：
> 利用Hexo和GithubPages/CodingPages搭建博客，實際上就是利用Hexo在本地（你的電腦上）生成一個博客站點，然后利用網絡將它傳輸到Github/Coding上進行拷貝和備份。再由Github和Coding提供的GithubPages/CodingPages服務將博客部署到網上，這樣你的博客就可以作為一個獨立的站點被別人瀏覽（正式上線）。同時你也可以在Github和Coding上管理你的博客。
如果你還想了解更多背景知識，可以看看這篇文章：搭建個人博客，你需要知道這些
----------
# 搭建過程 #
## 搭建步驟 ##
一般來說，搭建博客有以下幾個步驟：
1.獲得個人網站域名
2.GitHub創建個人倉庫
3.安裝Git
4.安裝Node.js
5.安裝Hexo
6.推送網站
7.綁定域名
8.在Coding上部署你的網站
**其中，1.7.8你可以不做。但剩下的必須要做，一步都不能少，也不能錯。在你看下邊推薦的博客的時候，不要忘記看看我下邊的建議。**
1-7步請看：這篇博客不只前7步，如果你做完了就可以往下做，因為后邊的都是屬于個性化部分，所以博主在這里沒有顯示。教程1
第8步請看：這篇博客是在你做完了前7步的基礎上做的。[hexo干貨系列：（四）將hexo博客同時托管到github和coding](http://www.lxweimin.com/p/25587e049d54 "雙部署")，這篇博客也講了怎么在CodingPages部署，可以和上一篇對照著看：雙部署
## 我的建議和踩過的坑 ##
> 第一篇：
-域名建議買.top，比較便宜。當然，土豪隨意。
-下載Node.js或Git時，由于眾所周知的原因，下載速度會很慢。這時你需要看Hexo的官方文檔，上邊給出了離線下載的地址：[Hexdocs](https://hexo.io/docs/ "Hexo")
-在安裝Hexo這一步，hexo init blog及其之后的命令都是在Blog/blog這個目錄下進行的，一定要注意，不能弄錯了。博主剛開始就是搞錯了路徑，結果一直報錯。。。
-在初始化這一步，如果報出了“Please tell me who you are”的錯誤，要下載Github桌面程序來解決。這樣初始化時就會自動彈出登錄窗口，直接登錄就可以了。又是因為眾所周知的原因，官方下載會很慢，所以博主分享了離線版：[點擊下載](http://pan.baidu.com/s/1qYoIhvI)
-如果你在安裝Hexo或者之前的步驟中有報錯，建議你重新下載安裝。因為這之前的過程全是安裝的部分，一旦出錯，沒有別的原因，一定是你的操作有問題。而且你解決錯誤的時間一定要比重新安裝耗費的時間長。
-如果你的域名沒有綁定成功，可以參考這篇文章。博主剛開始也是沒有綁定成功的，看了這篇文章就成功了：[[Hexo個人博客]域名綁定 簡明教程（小白篇）](http://www.lxweimin.com/p/e3169b681038)
-關于Markdown，建議用文中推薦的markdownPad2，下載后預覽功能不能使用的問題需要下載插件解決：[插件下載](http://pan.baidu.com/s/1b1LXX8)，點擊這里下載注冊碼升級專業版：[注冊碼](http://pan.baidu.com/s/1jHFcQPo)
> 第二篇：
這里沒有踩過坑，很順利的就配置成功了。
值得一提的是。可以跳過演示這一過程，只要你發布博客的時候能同步到Coding就說明你已經配置成功了。這時在瀏覽器上輸入你的域名/xxx.github.io/xxx.coding.me都會指向你的博客站點。
----------
# 個性化 #
> 終于到了萬眾矚目的個性化步驟了，到這里，想必你已經根據博主推薦的鏈接成功搭建好了博客。
下面來具體說說個性化。
## 主題選擇 ##
如果你按照上邊搭建博客時推薦的文章那樣，選擇了next主題。那就不用多說。如果你覺得next主題不符合你的Stytle，可以參考這篇文章選擇你喜歡的主題：[Hexo博客主題推薦](http://www.lxweimin.com/p/bcdbe7347c8d)
但我還是推薦你用next主題，原因：
-next主題是github上最流行的主題，star和fork的數量遠遠超過了別的主題。所以相信群眾的選擇。
-next主題的主題配置文件本就內置了許多插件，在個性化的過程中你只需要把flase改成true或者加上對應服務的id就可以直接使用。極為方便。這是其他很多主題沒有做到的一點
-next主題內部還分為4個主題方案：Muse、Mist、Pisces、Gemini，可以自由選擇，更加多元化。我選擇的是Pisces。
-界面高端大氣，配色低調奢華。
**ps：如果你沒有用next主題，那么以下個性化設置就不用看了。因為它們都是next的配置。**
## 按照主題文檔設置 ##
選定了主題后，建議先看看主題的文檔進行個性化設置。里面是最基本的標簽、分類設置，還有第三方服務設置：[next主題配置](http://theme-next.iissnan.com/theme-settings.html)
## 其他的個性化設置 ##
因為用的是next主題，所以這里也是針對于next主題的個性化配置。我博客的所有個性化都是來自這些鏈接：
-網易云音樂鏈接設置，參考博客搭建時推薦的第一篇博客
-這一篇看它的個性化設置部分：[Hexo搭建博客教程](https://thief.one/2017/03/03/Hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E6%95%99%E7%A8%8B/)
-[RSS和High特效](http://www.iamlj.com/2016/08/add-special-effect-harlem-shake-for-hexo/)
-這篇真的厲害了，有30種特效：[hexo的next主題個性化教程:打造炫酷網站](https://zhuanlan.zhihu.com/p/28128674)
-主講第3方服務：[配置第三方服務](https://zhuanlan.zhihu.com/p/22745430)
-這個也很方便，創建新文章后不用再去找了：[Hexo添加文章時自動打開編輯器](https://notes.wanghao.work/2015-06-29-Hexo%E6%B7%BB%E5%8A%A0%E6%96%87%E7%AB%A0%E6%97%B6%E8%87%AA%E5%8A%A8%E6%89%93%E5%BC%80%E7%BC%96%E8%BE%91%E5%99%A8.html)
-創建一個菜單頁面作為文章目錄：[hexo下新建頁面下如何放多個文章](https://www.zhihu.com/question/33324071)
-博客加密：[Hexo 博客加密插件簡述](https://mikecoder.cn/?post=147)
從這些鏈接可以看出，博主也是折騰了很久的。。。
## 在Github上看issue或者提issue ##
如果你還想折騰，可以看看next在Github上的issue：這些都是別人提的，可能會有你想要的設置。如果你遇到了問題，也可以自己提issue。這是網址：[next/issues](https://github.com/iissnan/hexo-theme-next/issues)
## 我的建議 ##
-個性化固然好，但是在設置的時候一定要細心，這些都是要打開代碼文件去修改的。建議不要用記事本或寫字板打開，可以用VS編輯器打開，不僅方便查錯和回退，還便于查找。這里舉一個在VS查找的例子：
比如你要設置字數統計功能，你不知道在哪找，但你看到對應的文章中有這樣一行:#Post wordcount display settings，你就可以點擊右上方的查找圖標，輸入這行代碼，選擇全部匹配。就可以定位到你要設置的那部分。
-如果你在個性化設置的時候碰到了中文亂碼的問題，也可以在VS中點擊文件->高級保存選項->把編碼改成unicodeutf8選項即可
-評論功能我推薦來必力和暢言，前者不需要域名備案，直接就可以使用，但界面較丑。后者要進行域名備案才能使用，但界面美觀大氣，看你怎么選。
-關于圖床，還是建議用七牛，這也是大多數人的選擇，但得到圖片外鏈要4步，很麻煩。網上也有人用插件直接拖拽圖片上傳得到外鏈，但好像沒有windows平臺的。反正我沒有找到，麻煩就麻煩一點吧。如果你找到了，可以在下方給我留言。
-一定要細心，建議改一項個性化，先不要關閉你改過的文件，在重新生成部署沒有錯之后在關閉，這樣出錯了也好改回去。博主有一次就是不知道自己改了啥，結果出錯了，幸好根據出錯信息定位到了兩個文件，然后重新下載了一份干凈的next文件作對比，才改過來。所以，一定不要作死。
-雖然個性化是可以讓你的博客看起來高大上許多，但是不要太過了。忘了自己搭建博客的初心，只有文章才是最重要的，而且太多的個性化會影響博客的加載速度，得不償失。
----------
# The End #
終于寫完啦，如果除了文中博主提到的點。你還有其它問題，可以在評論區留言，我每一條都會回復哦~
