GitHubPages + hexo 簡介
最近花了兩天的時間搭建了一個博客食铐，使用GitHubPages + hexo
為什么選用GitHubPages + hexo 優(yōu)點(diǎn)如下：
1.超快速度
Node.js 所帶來的超快生成速度荚板，讓上百個頁面在幾秒內(nèi)瞬間完成渲染。
2.支持 Markdown
Hexo 支持 GitHub Flavored Markdown 的所有功能枣氧，甚至可以整合 Octopress 的大多數(shù)插件。
3.一鍵部署
只需一條指令即可部署到 GitHub Pages, Heroku 或其他網(wǎng)站铲觉。
4.豐富的插件
Hexo 擁有強(qiáng)大的插件系統(tǒng)窝稿，安裝插件可以讓 Hexo 支持 Jade, CoffeeScript。
前期準(zhǔn)備
github賬號
node.js
npm
hexo
注意：（node.js 集成帶有npm访忿，因此只要下載 node.js 就可以了）
github上創(chuàng)建GitHubPages倉庫
GitHubPages
官方參考地址
注意：
創(chuàng)建倉庫的時候倉庫名一定嚴(yán)格按照 git用戶名.github.io 來命名
創(chuàng)建倉庫完成之后瞧栗，在本地創(chuàng)建一個站點(diǎn)文件夾 git用戶名.github.io/blog
下載node.js
我是在mac系統(tǒng)上搭建的，下載用的終端brew命令海铆，如果其他系統(tǒng)或者沒有翻墻迹恐，可能會有問題，如果下載失敗可以移步Node.js官網(wǎng)卧斟，下載最新版本一路安裝即可殴边。
檢測安裝是否成功 終端輸入 node -v ,npm -v 成功則顯示版本號
? blog git:(master) ? npm -v
5.3.0
? blog git:(master) ?
下載 hexo
hexo官方
有詳細(xì)的windows和mac用戶的安裝文檔，如果因?yàn)榉阑饓Φ仍虬惭b失敗珍语，請使用下面命令安裝锤岸，sudo賦予命令最高權(quán)限，避免權(quán)限不足
? blog git:(master) sudo npm install hexo --no-optional
下載git
文檔說明板乙，上面有各個平臺的git下載安裝步驟是偷，按照步驟安裝即可
本地關(guān)聯(lián)github倉庫
git下載安裝完成之后，需要跟你的github倉庫關(guān)聯(lián)起來募逞，你需要一個私鑰和公鑰晓猛，首先查看本地有沒有
? ~ git:(master) ? cd ~/.ssh
? .ssh git:(master) ? ls
config id_rsa id_rsa.pub known_hosts
? .ssh git:(master) ?
如果沒有id_rsa（私鑰）和id_rsa.pub（公鑰）就需要手動生成一個，執(zhí)行命令
? ~ git:(master) ? ssh-keygen
生成雙鑰凡辱，然后把公鑰放到github倉庫上戒职，點(diǎn)擊頭像選擇settings
左側(cè)找到SSH，然后點(diǎn)擊New SSH key透乾，把公鑰的文本內(nèi)容粘貼進(jìn)去洪燥，就可以了
部署hexo
命令介紹
準(zhǔn)備工作完成磕秤，就可以部署看一下博客界面效果了,先介紹一下hexo常用命令
- hexo clean 清除編輯后生成的靜態(tài)文件，一般部署前都會執(zhí)行一遍捧韵，防止上次部署結(jié)果影響新的文件內(nèi)容
- hexo generate 編輯生成靜態(tài)頁面等
- hexo server 啟動服務(wù)
- hexo develop 部署到遠(yuǎn)程github市咆，需要修改配置文件，稍后介紹
基本上用到的就是這些命令再来，為了方便可以設(shè)置快捷指令蒙兰，執(zhí)行如下命令，會在跟目錄生成一個.bash_profile文件芒篷，同時打開.bash_profile進(jìn)入編輯模式
? ~ git:(master) ? cd ~
? ~ git:(master) ? vi .bash_profile
然后輸入以下內(nèi)容,進(jìn)行保存搜变，linux命令
alias hexo clean=hexo c
alias hexo generate=hexo g
alias hexo server=hexo s
alias hexo develop=hexo d
~
~
~
~
~
~
~
~
~
~
~
~
~
~
~
~
~
~
~
-- INSERT --
執(zhí)行如下命令，讓文件生效
? ~ git:(master) ? source .bash_profile
至此针炉，快捷指令設(shè)置完成
本地部署
然后cd進(jìn)入本地博客根目錄挠他，執(zhí)行命令
? ~ git:(master) ? hexo c
? ~ git:(master) ? hexo d
? ~ git:(master) ? hexo s
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
看到如下信息就可以在本地訪問http://localhost:4000/ 查看博客主頁了
遠(yuǎn)程部署
部署到元辰github上需要修改一下本地博客配置文件，找到根目錄的_config.yml文件篡帕，修改以下內(nèi)容
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:你的github名/你的github名.github.io.git
branch: master
然后就可以執(zhí)行如下命令部署到github
? ~ git:(master) ? hexo d
看到如下信息說明部署完成殖侵，就可以通過https://你的github名.github.io/ 訪問你的主頁了
INFO Deploy done: git
部署完成
至此，一個博客模板搭建完成镰烧，hexo還支持豐富的插件拢军，包括RSS訂閱，評論系統(tǒng)的接入怔鳖，文章閱讀量朴沿，打賞功能，第三方鏈接败砂，如微博赌渣，發(fā)郵件等。
接入以上功能昌犹，讓自己的博客更加炫酷坚芜！可以聯(lián)系博主，博客主頁有郵箱斜姥，微博鸿竖，文章底部有微信公眾號等聯(lián)系方式。
謝謝铸敏！
