前言：本文是一篇簡(jiǎn)單的獨(dú)立博客搭建教程瞒爬，內(nèi)容不夠完善牛柒，在我使用博客的過(guò)程中會(huì)不斷實(shí)踐并進(jìn)行補(bǔ)充务豺。

---

1.安裝node.js

下載node.js安裝過(guò)程很簡(jiǎn)單。

2.安裝hexo

找個(gè)地方新建個(gè)文件夾誓篱，命名隨意朋贬，我們先假設(shè)將其命名為hexo。在新建的hexo文件夾內(nèi)最上面的路徑顯示框中輸入CMD,然后回車(chē)打開(kāi)命令行程序并且路徑是當(dāng)前文件夾窜骄。

注意：本文中hexo相關(guān)所有命令都要在此站點(diǎn)目錄下锦募。

在命令行界面中執(zhí)行如下命令安裝hexo：

npm install -g hexo

然后輸入如下命令自動(dòng)生成建立網(wǎng)站所需要的文件：

hexo init

然后按照提示，運(yùn)行如下命令安裝node_modules：

npm install

這時(shí)hexo基本的安裝就已經(jīng)完成邻遏，運(yùn)行如下命令啟動(dòng)本地hexo服務(wù)：

hexo server

提示服務(wù)啟動(dòng)后在瀏覽器中打開(kāi)http://localhost:4000/進(jìn)行預(yù)覽糠亩，這時(shí)可以看到Hexo已自動(dòng)生成了一篇blog，停止服務(wù)按Ctrl+C准验。

3.新建文章

在上步命令行窗口中執(zhí)行：

hexo new "新建文章標(biāo)題"

該命令會(huì)在\\source_posts目錄下心生成一個(gè).md為后綴的markdown文件赎线。當(dāng)然也可以直接在\\source_posts中新建一個(gè)md文件。用markdown編輯器將其打開(kāi)就可以寫(xiě)文章了糊饱。

markdown編輯器我使用的是markdownpad垂寥。

用Atom也不錯(cuò)，還可以安裝插件另锋，打字有狂拽酷炫吊炸天的特效矫废。

在寫(xiě)文章時(shí)如果需要使用圖片，可以先把圖片上傳到github中再引用砰蠢。github使用方法在下文。

hexo首頁(yè)默認(rèn)顯示的是文章全文唉铜，如果你想只顯示文章的簡(jiǎn)介台舱，就在文章中你想在首頁(yè)顯示的部分后加上

<!--more-->

4.更換主題

hexo有很多主題可以從這里挑個(gè)。

以hexo-theme-yilia主題為例潭流，在命令行窗口中執(zhí)行如下命令將主題文件克隆到themes文件夾中：

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

然后打開(kāi)站點(diǎn)配置文件_config.yml竞惋，找到theme 字段，并將其值更改為 yilia灰嫉。然后執(zhí)行

hexo server

并在瀏覽器中打開(kāi)http://localhost:4000/進(jìn)行預(yù)覽拆宛，看是否更換主題成功。

修改部分網(wǎng)站信息比如標(biāo)題讼撒、描述浑厚、語(yǔ)言設(shè)置也是在_config.yml文件中股耽。

5.404網(wǎng)頁(yè)

404頁(yè)面網(wǎng)上有很多模板，推薦使用騰訊的尋子公益404頁(yè)面钳幅。

在/source目錄下新建txt文件物蝙，將下面代碼復(fù)制粘貼到其中

<script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8">

然后保存，將其重命名為404.html敢艰。

404網(wǎng)頁(yè)在本地預(yù)覽看不到效果诬乞，上傳到github后可以查看。

6.部署到github

注冊(cè)登錄github官網(wǎng),點(diǎn)擊網(wǎng)頁(yè)右側(cè)加號(hào)New repository钠导。

倉(cāng)庫(kù)名必須與你用戶名對(duì)應(yīng)震嫉，格式為owner_name.github.io，比如我的github名為zhaochenpu,博客的倉(cāng)庫(kù)名就是zhaochenpu.github.io牡属，這樣的庫(kù)每個(gè)用戶名下只能建立一個(gè)票堵。

在命令行窗口中執(zhí)行:

hexo generate

這個(gè)命令會(huì)在站點(diǎn)目錄下生成public文件夾，其中包含網(wǎng)站的html湃望、css等文件换衬。

其他人大多是使用git上傳，我采用的是github客戶端上傳证芭，其實(shí)都差不多瞳浦。使用git的hexo可以參考如下教程Hexo搭建Github靜態(tài)博客。

因?yàn)榫W(wǎng)絡(luò)原因废士，github下載和安裝的過(guò)程可能很慢叫潦，有時(shí)還會(huì)失敗，重試下就好了官硝。

安裝并登陸了github客戶端后矗蕊，點(diǎn)擊左上角的加號(hào),在彈出的界面中點(diǎn)clone,選擇前面創(chuàng)建的庫(kù)克隆到本地。

然后我們將hexo站點(diǎn)目錄下的public文件夾內(nèi)所有文件復(fù)制粘貼到本地的庫(kù)文件夾中氢架，這時(shí)github客戶端中就會(huì)顯示有chenges,在summary框中輸入摘要傻咖，點(diǎn)擊Commit按鈕，如果是第一次提交點(diǎn)擊左上角的publish按鈕岖研，之后的代碼提交時(shí)publish按鈕會(huì)變成sync按鈕卿操。

然后打開(kāi)github網(wǎng)頁(yè)刷新查看，github網(wǎng)站上有時(shí)更新很慢孙援，等到庫(kù)中顯示的是最新代碼后害淤，在瀏覽器中打開(kāi)zhaochenpu.github.io（將名字換成你的）查看。

之后每次博客有新的改動(dòng)需要部署到github時(shí)拓售，就在hexo站點(diǎn)根目錄下進(jìn)入命令行窥摄，執(zhí)行：

hexo g

生成靜態(tài)文件

或者

hexo s -g

進(jìn)行預(yù)覽加生成靜態(tài)文件

然后將生成的public文件夾內(nèi)所有文件復(fù)制粘貼到庫(kù)文件夾內(nèi)覆蓋，再用github客戶端同步到github础淤。

當(dāng)然你也可以直接在本地的庫(kù)文件夾中執(zhí)行hexo的安裝和其他配置崭放，然后將public文件夾內(nèi)所有文件粘貼到庫(kù)文件夾根目錄下哨苛，在github客戶端中的Repository settings中添加忽略的文件，只上傳需要的文件莹菱。