背景：

最近老想著折騰一個屬于自己的博客。(雖然簡書用起來方便，但是github逼格高??！)所以出于種種原因吧，還是覺得github能比較個人特色鮮明點。而且在有些國內的博客都要翻墻訪問的情況下，github的個人主頁居然不需要，這種事也讓我感受到了意外的驚喜。所以反正都是要翻墻折騰，不如就選一個有逼格的，當然裝逼也是得付出點代價的，需要稍稍花點時間來折騰。

因為剛開始折騰，所以本篇先主要講如何將這些基本部件安裝搭起來。

此外，講如何使用github pages和hexo搭建博客的教程很多。本教程部分也參考于這些。
這里也幫大家馬一些：
（1）使用GitHub和Hexo搭建免費靜態Blog
http://www.lxweimin.com/p/465830080ea9
（2）Windows下一步步搭建自己的獨立博客——使用 GitHub Pages + Hexo 基礎教程
http://www.lxweimin.com/p/985d07d88ef4
（3）一步步在GitHub上創建博客主頁
http://www.pchou.info/web-build/2013/01/03/build-github-blog-page-01.html
（4）使用GitHub和Hexo搭建免費靜態Blog
http://wsgzao.github.io/post/hexo-guide/

閑扯的有點多了，趕緊開始吧。因為自己是小白，我在這里主要是以小白視角講一下如何理解并配置這些。

安裝篇

總體來說，搭建這樣一個博客，需要兩個東西，就如題所講，一是github，一是hexo。hexo是node.js下的一個靜態博客框架。安裝完node.js就會自帶有hexo，再安裝下即可使用。

（1）github windows桌面版：

https://desktop.github.com/
除了需要翻墻，基本是一鍵安裝系列，不出意外安裝完之后桌面上會多出來一個，github和一個git shell

（2）安裝node.js:

https://nodejs.org
可能這里有兩個版本，搭建hexo的話，貌似兩個版本都可以，此處不需要糾結，也基本是一鍵安裝

（3）安裝hexo，這里可參考官網給出的方法：

https://hexo.io/zh-cn
其實官網給出的安裝和使用方法還是挺詳細的，比很多教程寫的好，可以去看看

打開git shell，輸入如下命令：
npm install hexo-cli -g //安裝hexo hexo init blog //新建blog目錄，初始化到blog目錄下 cd blog //進入blog目錄 npm install //安裝

（4）安裝hexo插件

執行下列命令即可安裝以下插件，可以看作是安裝generator，server，deploy這些命令下的一些功能吧
npm install hexo-generator-index --save npm install hexo-generator-archive --save npm install hexo-generator-category --save npm install hexo-generator-tag --save npm install hexo-server --save npm install hexo-deployer-git --save npm install hexo-deployer-heroku --save npm install hexo-deployer-rsync --save npm install hexo-deployer-openshift --save npm install hexo-renderer-marked@0.2 --save npm install hexo-renderer-stylus@0.2 --save npm install hexo-generator-feed@1 --save npm install hexo-generator-sitemap@1 --save

此時基本安裝已經完成
執行以下命令，在瀏覽器登錄localhost：4000即可查看效果
hexo server

基本的查看安裝效果的方法：

cd進入安裝的hexo目錄（當然如果加入過環境變量應該就不用了）
hexo new 'title'//在source\_posts，生成文章，名為title hexo server //啟動一個本地的服務器，在本地發布預覽效果 hexo generator //生成public靜態文件