前言
你是否也想擁有屬於自己的博客？是否也想擁有跟我一樣的博客空間？如果心動了，就趕緊往下看吧！
教程炒雞簡單，炒雞詳細，而且博客搭建完全是Free of Charge!
原理
Github Pages
Github不僅可以讓我們把代碼托管在平台上，而且允許我們利用Github的服務器部署自定義網頁對我們的項目作簡介。這個網頁就被稱為**
Github Pages**。這是我們可以利用Github搭建免費博客的基礎啦~
Hexo
Hexo是一款輕量但高逼格的搭建博客快速工具，它是基於Node.js開發的。而Node.js...好了，扯遠了...有興趣的童鞋可以出門左轉自己百度...
准備
知道了大致的原理，我們首先需要准備搭建博客的材料。如下：
1. 一台windows系統的電腦
2. 一個Github賬號
3. 安裝Node.js
4. 安裝Git
5. 安裝Hexo
開始
申請Github賬號，建立一個倉庫，並為此創建一個說明網頁(Github Pages)
假設我們都有了Github賬號，這是首先在右上角點擊“+”號，選擇New repository
注意 倉庫名一定是"你的Github用戶名"+github.io !!!
之后為我們的項目添加一個說明Pages！
建好的項目頂部最右邊有個Setting按鈕，點擊進入配置界面，下滑界面，直到看到Github Pages，這時你發現竟然自動生成了一個說明網頁！
因為Github說明網頁的默認地址就是“你的Github用戶名”+github.io，其它說明網頁都是基於該地址的。
Ok! 到此為止，Gihub Pages的部分就結束了。
搭建Hexo，把Github Pages修改為自己的博客界面！
安裝Git以及Node.js！
因為我們需要通過Git把我們的Hexo生成的網頁提交到Github pages上，而Node.js是我們Hexo插件運行的基礎！
驗證：
"Win"+R打開運行界面，輸入"cmd"打開命令行窗口。
是否安裝Git:輸入git version出現版本信息：
git version 2.19.1.windows.1
是否安裝Node.js:輸入node -v出現版本信息：
v8.12.0
安裝及部署Hexo
首先創建一個文件夾，用來放置我們的Hexo。
然后進入我們的文件夾，例如我們文件夾路徑為D:\blog
則在終端依次輸入並執行D: 、 cd blog 進入文件夾
打開命令終端，利用Node.js的包管理器npm安裝Hexo:
npm install hexo-cli -g
輸入hexo -v驗證是否安裝成功
輸入hexo init初始化該文件夾
輸入npm install安裝需要的組件
輸入npm g生成靜態文件
輸入npm s啟動服務器，現在在瀏覽器輸入http://localhost:4000/打開我們的博客界面！
是不是有點雞凍！別急，我們還需要把頁面推送到Github Pages上，步驟如下：
1. 設置Git的user name和email
在我們創建博客文件夾里右擊，選擇 Git Base Here，然后在窗口中依次輸入
git config --global user.name "yourname"
git config --global user.email "youremail"
2. SSH 授權
打開git bash，輸入ssh-keygen -t rsa, 接着回車三下。
最后得到了兩個文件：id_rsa和id_rsa.pub（默認存儲路徑是：C:\Users\Administrator.ssh）
登錄Github，點擊頭像下的settings，添加ssh。新建一個new ssh key，將id_rsa.pub文件里的內容復制上去
3. 上傳項目
首先用IDE(我用的是WebStorm)打開我們的Hexo文件夾，發現它的文檔目錄是這樣的：
|-- _config.yml
|-- package.json
|-- scaffolds
|-- source
|-- _posts
|-- public
|-- themes
|-- .gitignore
>_config.yml：網站的全局配置文件，設置包括網站標題、副標題、作者、關鍵字和描述信息等。
>package.json：框架的基本參數信息和它所依賴的插件，在 npm 安裝時使用 --save 保存進去。
>scaffolds：本意是 “腳手架” 的意思，這里引申為模板文件夾。當你 hexo new <layout(布局)> <title> 的時候，Hexo 會根據該文件夾下的對應文件進行初始化構建。
>source：正如其名，source 文件夾存儲一些直接來自用戶的文件，它很重要，如果不出意外你的文章就是保存在這個文件夾下(_posts)。_posts 目錄下的md文件，會被編譯成 html 文件，放到 public 文件下。
>public：參考 source 文件夾，在初始化后是沒有 public 文件夾的，除非 hexo g 編譯生成靜態文件后，public 文件夾會自動生成。使用
>hexo clean 清除 db.json 和 public 文件夾下的所有文件。
>themes：主題文件夾，存儲主題。相關的主題可以在 Github 上免費采購。
>.gitignore：.gitignore 文件作用是聲明不被 git 記錄的文件，hexo init <folder> 也會產生一個 .gitignore 文件，可以先刪除或者直接編輯，對hexo不會有影響。
打開配置文檔_config.yml，修改deploy值（在末尾）:
deploy:
type: git
repo: git@github.com:SUNYunZeng/SUNYunZeng.github.io.git
branch: master
安裝在git上部署文章的擴展npm install hexo-deployer-git --save
打開終端並進入到Hexo文件系統中，創建一篇新博客hexo new post "博客名"
這時文件夾source/_posts文件夾里會出現博客名.md的博客文章源文件
文件是markdown格式，書寫方法有一套規范，下篇博客會講到。PS:非常簡單啦~
編輯好博客內容后，一頓滾鍵盤，依次執行以下命令：
hexo g 生成靜態文件
hexo d 部署到Github Pages
就這樣，你的第一篇博客就上傳啦！
更換Hexo主題
由於默認的博客主題可能不能滿足大家的需求，所以再提一下更換主題的方法。
首先到Hexo官網中選擇一款喜歡的主題
這里我以我博客采用的主題為例，我采用的pure主題
首先在Hexo系統文件夾中打開終端，然后輸入git clone https://github.com/cofess/hexo-theme-pure.git themes/pure
之后在系統目錄theme文件夾下你會發現多出了pure命名的一個文件夾，這就是我們主題保存的位置,其中pure文件夾下的config.yml文件就是我
們博客的配置文件，在里面可以自己對博客界面進行個性化配置，詳情請參看網址
在我們的Hexo系統配置文件config.yml中，修改theme為我們的pure主題
theme: pure
然后進入文件夾 cd themes/pure
把主題提交git pull
重新生成博客靜態文件，然后部署到Github Pages
hexo g
hexo d
當當~我們的個性化博客就搭建完畢啦！
