前言：本文基于GitHub搭建Hexo個人博客凝化，使用的是NexT主題热康，由于我在博客搭建過程中踩了不少坑，用了快兩天時間才搞定酪耳，所以我將整合現(xiàn)有的教程和我的經(jīng)驗教訓盡量詳細的分享博客搭建的過程抢呆。
1.環(huán)境配置
環(huán)境配置主要包括：創(chuàng)建GitHub倉庫煮嫌、安裝git、安裝node.js
創(chuàng)建GitHub倉庫抱虐，建立GitHub Pages
關(guān)于Github:
GitHub是一個遠程倉庫昌阿，一個開源協(xié)作社區(qū)，更重要的是：它是免費的恳邀！
- 首先需要創(chuàng)建一個GitHub賬戶懦冰，我們假設(shè)你的賬戶名稱為 david ,易于后面的演示。GitHub 郵箱也要通過驗證才行谣沸。
- 然后再創(chuàng)建一個GitHub倉庫：點擊GitHub界面右上角的+刷钢，然后點擊
New repository創(chuàng)建倉庫，** 切記 **Repository name一定得是“GitHub賬號.github.io ”的形式乳附，在這里為david.github.io内地，因為GitHub規(guī)定這樣命名形式才能作為網(wǎng)絡(luò)站點的托管倉庫椰弊。 - 到這里，博客網(wǎng)站就有自己溫馨的港灣啦瓤鼻。
安裝Git
關(guān)于Git:
Git是一個開源的分布式版本控制系統(tǒng)，可以有效贤重、高速的處理各種類型的項目版本管理茬祷。它還支持離線工作，適合多人分布式開發(fā)并蝗。
- 至于如何下載祭犯、安裝、使用Git滚停，廖雪峰老師在他的Git教程里面已經(jīng)講述的很詳細了沃粗，我也是在此學習的，另外也推薦Pro Git的電子版键畴。
- 到這里最盅，就已經(jīng)默認你已經(jīng)安裝好配置好Git了~
安裝Node.js
關(guān)于Node.js:
Node.js是一個基于Chrome JavaScript運行時建立的平臺， 用于方便地搭建響應(yīng)速度快起惕、易于擴展的網(wǎng)絡(luò)應(yīng)用涡贱。
- 去Node.js官網(wǎng)下載
- 安裝保持默認并一路 next 即可
到這里，環(huán)境配置過程已經(jīng)完成了惹想。
2.安裝Hexo问词，并部署網(wǎng)站
關(guān)于Hexo：
- A fast, simple & powerful blog framework, powered by Node.js
- Blazing fast generating
- Support for GitHub Flavored Markdown and most Octopress plugins
- One-command deploy to GitHub Pages, Heroku, etc.
- Powerful plugin system
Hexo博客框架初始化
- 安裝Hexo
得益于我們之前的準備工作，Git和Node.js均已經(jīng)配置好嘀粱，可以直接下載Hexo.
在 Git Bash 中輸入如下代碼
$ npm install -g hexo-cli - 初始化
選擇一個盤(如 C:)建立你的博客本機存儲文件夾（如 blog:）激挪，在此文件夾空白處右擊選擇 Git Bash Here（或者$ cd C:\blog）進入blog文件夾進行g(shù)it操作，接下來：
$ hexo init
$ npm install - 配置站點
即建立本地文件與GitHub的Repository之間的聯(lián)系锋叨，使用 Notepad++ 打開C:\blog\_config.yml文件垄分，拉到文件最下方的deploy進行如下配置：
deploy:
type: git
repository: https://github.com/david/david.github.io.git
branch: master
其中，需要注意兩點：第一娃磺，repository:和branch:均須自行添加锋喜；第二，Hexo的所有配置文件中的:后面均需要添加一個空格才可以書寫豌鸡，否則會出現(xiàn)ERROR Deployer not found : git的錯誤嘿般！ - 寫第一篇博文
博文名稱為《My First Blog》，代碼：
$ hexo new "My First Blog"
此時會發(fā)現(xiàn)在C:\blog\source\_post里面出現(xiàn)了My First Blog.md文件涯冠，這個_post就是存儲博文的文件夾炉奴。 - 這里寫作博文建議使用Markdown ，寫作工具可以用簡書(強烈建議:支持在線預(yù)覽模式)或者Sublime Text 2蛇更，Markdown是一種輕量級的標記語言瞻赶，語法十分簡單赛糟，可以參考Markdown——入門指南進行學習，只需五分鐘奧~
- 生成靜態(tài)頁面
$ hexo generate (或簡寫為 $ hexo g)
此時My First Blog.md已經(jīng)在C:\blog\source\public文件夾里生成了博客網(wǎng)站的靜態(tài)文件砸逊。 - 啟動本地服務(wù)器
$ hexo server (或簡寫為 $ hexo s)
用瀏覽器訪問 http://localhost:4000/璧南，此時，你將會看到一個主題是landscape的博客(簡直不忍直視......)师逸，下面我們將介紹另外一個優(yōu)美簡約的主題：NexT
部署本地網(wǎng)站到GitHub
$ hexo deploy (或簡寫為 $ hexo d)
此時會先后出現(xiàn)兩個界面司倚，輸入注冊GitHub賬號和密碼。
- 訪問網(wǎng)站
上面的所有流程完成后篓像，博客就已經(jīng)搭建并發(fā)布到GitHub上了动知，在瀏覽器輸入david.github.io并訪問，就可以看到你的博客了员辩。
小結(jié)：
在環(huán)境配置好以后盒粮，我們每次發(fā)表博文的過程如下：
- 用簡書編輯好Markdown博文放到
C:\blog\source\_post文件夾 -
$ hexo g生成靜態(tài)頁面 -
$ hexo s啟動本地服務(wù)器，在http://localhost:4000/預(yù)覽 -
$ hexo d部署網(wǎng)站到Github - 訪問網(wǎng)站
3.更換NexT主題
關(guān)于NexT:
NexT是一個流行的Hexo主題奠滑，開發(fā)者賦予其主旨在于簡潔優(yōu)雅且易于使用丹皱，所以首先要盡量確保 NexT 的簡潔易用性。
需要注意的是宋税，配置文件_config.yml其實有兩個种呐，分別位于C:\blog和C:\blog\source\themes目錄下，前者為站點配置文件弃甥，后者為主題配置文件爽室。
- 下載NexT
Hexo的默認主題是landscape.其實Hexo提供了豐富色彩的主題供我們下載使用。這里我使用的是NexT淆攻，下載穩(wěn)定版本可以按照如下操作： - 前往Hexo版本發(fā)布頁面
- 選擇你所需要的版本阔墩，下載 Download 區(qū)域下的 Source Code (zip) 到本地。例如瓶珊，下載 v0.4.0 版本
- 然后copy并解壓到
C:\blog\source\themes中啸箫。建議將文件夾改為next，方便操作伞芹。 - 啟用NexT
打開站點配置文件忘苛，找到theme字段，將其值由默認的landscape改為next唱较，注意“:”后的空格扎唾！ - 驗證NexT
$ hexo s
然后在瀏覽器訪問 http://localhost:4000
，檢查站點是否正確運行南缓。 - 個性化NexT
對于主題的個性化設(shè)定是通過編輯主題配置文件完成的胸遇。
至于具體的配置方法，在NexT官網(wǎng)已經(jīng)介紹的非常詳細汉形，不再贅述纸镊。
OK~ 至此倍阐，我們的博客算是基本搭建完成啦，以后可以邊用邊學習逗威，一些高級的個性化和第三方服務(wù)可以在這個過程中慢慢優(yōu)化峰搪。
