本來不準(zhǔn)備寫的，因?yàn)榫W(wǎng)上一搜一大堆講如何用hexo搭建博客的文章，但是，一來這個markdown語法以前沒寫過，想用來練練手。二來，網(wǎng)上文章有的寫的比較早，一些配置和api可能已經(jīng)變了。好的，啰嗦玩了，下面開始正文。
首先聲明，本教程是針對mac的，不保證windows執(zhí)行沒有問題
1、配置環(huán)境
安裝node
nodejs是服務(wù)器語言，借助google的chrome瀏覽器V8引擎，可以讓前端js腳本運(yùn)行在服務(wù)器端，前后端語言統(tǒng)一，不要太美~在這里，他主要是用來生成靜態(tài)頁面的。Node.js官網(wǎng)下載相應(yīng)平臺的最新版本，一路安裝即可。
安裝git
把本地的hexo內(nèi)容提交到github上去，安裝Xcode就自帶有Git。可以用命令行，當(dāng)然你也可以source tree可視化工具來管理。
申請github賬號
hexo博客是一個靜態(tài)博客，內(nèi)容是托管在github上的。去官網(wǎng)注冊申請，然后配置下SSH Keys，這樣就不用每次提交都輸入用戶名和密碼了。mac ssh key 獲取
2、hexo搭建博客
全局安裝hexo
確保上述環(huán)境安裝好之后，全局安裝hexo:
sudo npm install -g hexo
初始化
創(chuàng)建項(xiàng)目文件夾，如myBlog
mkdir myBlog
cd myBlog
hexo init
這樣，hexo就安裝完畢了
生成靜態(tài)頁面
在myBlog文件夾下，執(zhí)行
hexo g (或hexo generate)
這樣，hexo就會編譯生成靜態(tài)頁面，在public目錄下
啟動本地服務(wù)器
hexo s (或hexo server)
在bash命令行，按下command鍵單擊 http://localhost:4000/ ，即可用瀏覽器打開此頁面?？梢宰霰镜仡A(yù)覽
恭喜！你已經(jīng)看到自己的博客了。但是域名和服務(wù)器都是自己電腦，我們需要關(guān)聯(lián)github，繼續(xù)往下看
3、部署github
新建倉庫
在github上創(chuàng)建新的倉庫，倉庫名必須為[your_user_name.github.io]，將自己的github用戶名替換掉your_user_name。
編輯文件_config.yml，建立關(guān)聯(lián)
在myBlog根目錄找到_config.yml文件，打開它，如果你有sublime編輯器，并安裝全局命令。可直接
subl -w _config.yml
在最下面，改成這樣。替換掉your_user_name。一定要注意: 這里的所有配置:后面都要加空格
deploy:
type: git
repository: https://github.com/your_user_name/your_user_name.github.io.git
branch: master
npm安裝依賴，才能使用git部署
npm install hexo-deployer-git --save
將博客部署到github
hexo d (或hexo deploy)
打開網(wǎng)址 http://tywei90.github.io/ tywei90是我的github用戶名，換成你自己的就行?？吹?jīng)]？你的博客已經(jīng)上線了~
等等。。好像哪里不對。如果這樣，豈不是每個github用戶都有一個自己的域名，github那來的這么多域名？其實(shí)你只要在你的bash命令行執(zhí)行命令如下：
dig tywei90.github.io
我們會看到：
dig命令是查網(wǎng)址的dns解析的，我們發(fā)現(xiàn)博客地址被CNAME到github.map.fastly.net.上，他的服務(wù)器ip是151.101.100.133。什么意思呢，我們先來解釋下CNAME。
CNAME指別名記錄也被稱為規(guī)范名字。這種記錄允許您將多個域名需要指向同一服務(wù)器IP，此時您就可以將一個域名做A記錄指向服務(wù)器IP，然后將其他的域名做別名(即CNAME)到A記錄的域名上；那么當(dāng)您的服務(wù)器IP地址變更時，您就可以不必對一個一個域名做更改指向了，只需要更改A記錄的那個域名到服務(wù)器新IP上，其他做別名（即CNAME）的那些域名的指向?qū)⒆詣痈牡叫碌腎P地址上。
總結(jié)下：也就是說，我們的博客地址都會被映射到ip為151.101.100.133的主機(jī)上，然后github會根據(jù)我們的用戶名查找相應(yīng)的靜態(tài)文件，然后返回。
4、相關(guān)知識
hexo部署三步走
每次部署博客都要執(zhí)行下面三步
1. hexo clean
2. hexo g
3. hexo d
hexo常用命令
+ hexo new "postName" #新建文章
+ hexo new page "pageName" #新建頁面
+ hexo generate #生成靜態(tài)頁面至public目錄
+ hexo server #開啟預(yù)覽訪問端口（默認(rèn)端口4000，'ctrl + c'關(guān)閉server）
+ hexo deploy #將.deploy目錄部署到GitHub
+ hexo help #查看幫助
+ hexo version #查看Hexo的版本
hexo主題
hexo有很多漂亮的主題可選，這也是為什么我沒有選擇jekyll的原因。
- Yilia - Responsive and simple style 強(qiáng)烈推薦，我用得就是這個。(ps: 作者人也很nice~)
- NexT -Elegant Theme for Hexo 都有自己的官網(wǎng)了，用的人很多
- Cover - A chic theme with facebook-like cover photo
至于主題如何配置，我就不細(xì)說了，不同主題不一樣，大家可以去參閱相關(guān)文檔。
博客寫作技巧
1、如何讓文章想只顯示一部分和一個 閱讀全文 的按鈕？
答：在文章中加一個 ， 后面的內(nèi)容就不會顯示出來了。
2、如何給文章添加標(biāo)簽？
答：在文章的開頭有個tags配置項(xiàng)，配置格式如下：
- hexo
- 博客
原文鏈接：https://www.wty90.com/2016/11/12/build-blog-with-hexo/
原作者：Teal
