HEXO-博客搭建全過程

環境準備

工具:Windows 、Git、 Intllij IDEA + Markdown 插件 、Node.js 、Cygwin(該軟體的安裝使用請參考本人的Cygwin系列教程)

個人配置

安裝Node

到 Node.js官網 下載相應平台的最新版本，一路安裝即可。我用的是 node-v4.4.3-x86.msi，安裝完成後在終端輸入：npm -v 驗證是否安裝成功，順利輸出node.js的話則成功安裝。

安裝Git

1. Git的客戶端很多，個人用的是git官網(https://git-scm.com/download/), 下載下來的自帶git-bash、gitk。你用第三方的git工具也可以，只要你自己習慣就好。

2. 配置git

1　git config

git config --global user.name 用戶名

git config --global user.email 郵箱

完成後git config --list 或者 cat ~/.gitconfig 確認配置正確

2 生成ssh key

安裝Cygwin

請參照我的Cygwin系列博客

配置GitHub

1. 請到GitHub上註冊自己賬號，並新建一個倉庫，倉庫的命名規則是，你的 這就是你以後生成博客地地址.

2. 將地二步中生成的key添加到GitHub中，這樣你就可以從你的遠程倉庫下載和上傳東西了

Node.js 源設置

以上相當於制定了node.js的源，並從新設置了一個別名叫cnmp ,這樣下載插件的時候會快一點

安裝 Hexo

1. 安裝 Hexo（注意，現在是 cnpm 開頭了，不是 npm 了）：

安裝時間不一定很快，有可能需要等 3 ~ 5 分鐘。安裝完有 WARN 警告也沒關係的。

博客搭建

新建一個文件夾hexo-study 用來存放你的博客系統

進入該目錄，執行 命令 ,輸出如下結果說明博客系統初始化完成,中間出現 WARN 也沒事。

我們先看一下，初始化後的目錄結構應該是這樣的

接下來我們運行 和 兩個命令來生成靜態博客,我來解釋一下 = 、 = ;從名字上可以看出，clean 就是清理生成的文檔，generate就是生成靜態文檔， 的時候如果不報錯的話說明你的各項配置都是沒有問題的了，恭喜你就這麼建單，馬上你就能看到你的博客長什麼樣子了。

接下來執行 也就是的縮寫，來啟動hexo 服務，這時候你的博客網站就可以在本地打開了

我們來看看最開始博客長什麼樣子

我們進入themes文件夾看看有什麼,發現landscape是hexo自帶的主題

接下來我們看看如何配置這套主題，先回到上級目錄，打開_config.yml這個配置文件，我喜歡用vim打開，你用記事本什麼的打開都可以.定位到66行，將theme對應的主題名字改成你新下載下來的主題。然後 , , 在啟動起來看看,是不是還是我的主題漂亮呢

後記

可以將你的博客文件夾和主題文件夾也納入git中，這樣以後如果有修改也好有個記錄，恢復的時候也方便

好了現在博客在本地建立成功了，我們怎麼把它部署到github上並讓別人訪問到他呢？首先我們需要安裝兩個插件

cnpm install hexo -server --save

cnpm install hexo-deployer-git --save

安裝成功後等待後續操作

然後打開站點的配置文件。定位到最後一行

然後執行 就可以將博客推送到github上去了。這之後就可以在瀏覽器中輸入你的項目名就可以訪問你的博客了。是不是很簡單那，以後有了修改只需要運行hexo d就可以提交，過一會再訪問就可以看到修改了

最後記

想要知道上面是幹什麼，敬請關注下一篇博客，hexo關於本地顯示圖片問題的解決方案。

彩蛋

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！