使用Hexo+GitHub建站
前言： 使用CSDN或簡書撰寫部落格似乎是一件美事，只不過個人覺得太過於依賴他人平臺，不如就自己搭建一個屬於自己的部落格。
最終，個人選擇了Hexo+GitHub（Pages）的方式。
GitHub Pages 是開源協作社群 GitHub 的一個服務，將部落格部署到它上面再合適不過了。
| Q | W |
|---|---|
| 為什麼要部署到 GitHub Pages 上？ | 首先免費，其次省心，最後可以學習使用 GitHub。 |
| GitHub Pages 有容量限制嗎？ | 有，由 What is GitHub Pages? 可知：大小限制為 1GB，一個月 100GB 流量。 |
| 超出限制的容量怎麼辦？ | 講真，如果圖片音樂視訊等大檔案都放在 圖片我更多是存放在圖床上，比如路過圖床或SM.MS。 |
| 國內訪問速度行不行，有必要同時部署在 Coding 上嗎？ | 個人感覺可有可無吧，自己不用梯子時，感覺訪問速度可以，畢竟站點的大檔案都是放在了雲端儲存上，圖片都是國內圖床，載入較快。 |
| 我可以用自己的域名嗎？ | 可以，並且原生支援 https。 |
安裝篇
一、安裝 Hexo前的準備
1、安裝Hexo前的必要工作
安裝以下兩個程式：
| 程式 | 下載地址 | 說明 |
|---|---|---|
| Git | Git - Downloads | 網速的同學，可以自行百度移步到國內映象 |
| Node.js | Node.js - Downloads |
有LTS和Current兩個版本，安裝 LTS 版即可。 |
注意：關於Git和Node.js的安裝可能會有問題，尤其是Git的安裝。這裡貼上幾張安裝介面的截圖。
安裝完成後，在開始選單裡找到“Git”->“Git Bash”，蹦出一個類似命令列視窗的東西，就說明Git安裝成功！
2、新建GitHub倉庫
- 按照下圖來新建一個Repo：
- 最好勾選``Initialize this repository with a README`，圖中忘記勾選了。
- 訪問GitHub Pages
在建好的倉庫右側有個settings按鈕，點選它
向下拉到GitHub Pages，提示的連結便是部落格的首頁了，可以點選瀏覽。（後期可以在這裡繫結域名）
二、正式安裝Hexo
Hexo 是一個快速、簡潔且高效的部落格框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態網頁。——官方
準備工作完成後，來安裝hexo框架吧！
主要根據hexo官方的文件來安裝Hexo。
-
在本地電腦上新建一個資料夾，用來存放整個Hexo部落格專案。這裡預設路徑是D:\blog。
-
使用 npm 安裝 Hexo：
$ npm install -g hexo-cli
這樣，Hexo就安裝完成了。
可使用輸入
hexo -v，檢查Hexo是否安裝成功
三、初始化Hexo
hexo init，就會自動構建一個 hexo 專案，看到後面的Start blogging with Hexo！就說明初始化好了。
# 初始化Hexo
$ hexo init
四、安裝npm必需元件
$ npm install
五、生成並預覽
執行 hexo s，瀏覽器訪問 localhost:4000 就可以看到效果啦！
# 本地預覽
$ hexo s
初始化的預設部落格頁面：
配置篇
一、配置git
1、 全域性變數name、email
- 可以在未來部署，並非一定現在
因為Git是分散式版本控制系統，所以，每個機器都必須自報家門：你的名字和Email地址。注意
git config命令的--global引數，用了這個引數，表示你這臺機器上所有的Git倉庫都會使用這個配置，當然也可以對某個倉庫指定不同的使用者名稱和Email地址。
$ git config --global user.name "your name"`
$ git config --global user.email "your Email"
2、生成私鑰和公鑰
$ ssh-keygen -t rsa
3、繫結SSH公鑰
登入Github，點選頭像下的settings
左側點選SSH and GPG keys，新增ssh，新建一個New SSH key，將id_rsa.pub檔案裡的內容複製上去
- Title可以直接不填，Key貼上
id_rsa.pub檔案裡的內容
4、修改_config.yml中的Deployment
配置Deployment，在其資料夾中，找到_config.yml檔案，修改repo值（在末尾），repo值是github專案裡的ssh
二、安裝hexo-deployer-git外掛
- HexoBlog部署到
git我們需要安裝hexo-deployer-git外掛，在blog目錄下執行一下命令進行安裝
$ npm install hexo-deployer-git --save
三、寫作
# 建立文章，預設layout佈局為：post
$ hexo new [layout] <title>
# 例如
$ hexo new post HelloHexo
關於這塊，最好看官方文件：https://hexo.io/zh-cn/docs/writing
之後會在source資料夾的_post資料夾中看到你新建的檔案HelloHexo.md
四、生成並部署部落格
$ hexo d -g
生成以及部署了，在開啟你的部落格主頁（melodyjerry.github.io）就可以看到你建立的文章了。
高階篇
一、主題
1、選取喜歡的主題
在Hexo官方，有許多現成的主題了。當然，你想自己原創設計或二次開發也可以的