本來(lái)不準(zhǔn)備寫(xiě)的削葱，因?yàn)榫W(wǎng)上一搜一大堆講如何用hexo搭建博客的文章，但是淳梦，一來(lái)這個(gè)markdown語(yǔ)法以前沒(méi)寫(xiě)過(guò)析砸，想用來(lái)練練手。二來(lái)爆袍，網(wǎng)上文章有的寫(xiě)的比較早首繁，一些配置和api可能已經(jīng)變了。好的陨囊，啰嗦玩了弦疮，下面開(kāi)始正文。
首先聲明蜘醋，本教程是針對(duì)mac的胁塞，不保證windows執(zhí)行沒(méi)有問(wèn)題
1、配置環(huán)境
安裝node
nodejs是服務(wù)器語(yǔ)言压语，借助google的chrome瀏覽器V8引擎啸罢，可以讓前端js腳本運(yùn)行在服務(wù)器端，前后端語(yǔ)言統(tǒng)一胎食，不要太美~在這里扰才，他主要是用來(lái)生成靜態(tài)頁(yè)面的。Node.js官網(wǎng)下載相應(yīng)平臺(tái)的最新版本斥季，一路安裝即可训桶。
安裝git
把本地的hexo內(nèi)容提交到github上去，安裝Xcode就自帶有Git酣倾《娼遥可以用命令行，當(dāng)然你也可以source tree可視化工具來(lái)管理躁锡。
申請(qǐng)github賬號(hào)
hexo博客是一個(gè)靜態(tài)博客午绳，內(nèi)容是托管在github上的。去官網(wǎng)注冊(cè)申請(qǐ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)頁(yè)面
在myBlog文件夾下僵刮，執(zhí)行
hexo g (或hexo generate)
這樣据忘，hexo就會(huì)編譯生成靜態(tài)頁(yè)面，在public目錄下
啟動(dòng)本地服務(wù)器
hexo s (或hexo server)
在bash命令行搞糕，按下command鍵單擊 http://localhost:4000/ 勇吊，即可用瀏覽器打開(kāi)此頁(yè)面∏涎觯可以做本地預(yù)覽
恭喜汉规！你已經(jīng)看到自己的博客了。但是域名和服務(wù)器都是自己電腦驹吮，我們需要關(guān)聯(lián)github针史，繼續(xù)往下看
3、部署github
新建倉(cāng)庫(kù)
在github上創(chuàng)建新的倉(cāng)庫(kù)钥屈，倉(cāng)庫(kù)名必須為[your_user_name.github.io]悟民，將自己的github用戶名替換掉your_user_name。
編輯文件_config.yml篷就，建立關(guān)聯(lián)
在myBlog根目錄找到_config.yml文件射亏，打開(kāi)它，如果你有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)
打開(kāi)網(wǎng)址 http://tywei90.github.io/ tywei90是我的github用戶名兼蜈，換成你自己的就行∽居眩看到?jīng)]为狸？你的博客已經(jīng)上線了~
等等。遗契。好像哪里不對(duì)辐棒。如果這樣，豈不是每個(gè)github用戶都有一個(gè)自己的域名，github那來(lái)的這么多域名漾根？其實(shí)你只要在你的bash命令行執(zhí)行命令如下：
dig tywei90.github.io
我們會(huì)看到：
dig命令是查網(wǎng)址的dns解析的泰涂，我們發(fā)現(xiàn)博客地址被CNAME到github.map.fastly.net.上，他的服務(wù)器ip是151.101.100.133辐怕。什么意思呢逼蒙，我們先來(lái)解釋下CNAME。
CNAME指別名記錄也被稱為規(guī)范名字寄疏。這種記錄允許您將多個(gè)域名需要指向同一服務(wù)器IP其做，此時(shí)您就可以將一個(gè)域名做A記錄指向服務(wù)器IP，然后將其他的域名做別名(即CNAME)到A記錄的域名上赁还；那么當(dāng)您的服務(wù)器IP地址變更時(shí)，您就可以不必對(duì)一個(gè)一個(gè)域名做更改指向了驹沿，只需要更改A記錄的那個(gè)域名到服務(wù)器新IP上艘策，其他做別名（即CNAME）的那些域名的指向?qū)⒆詣?dòng)更改到新的IP地址上。
總結(jié)下：也就是說(shuō)渊季，我們的博客地址都會(huì)被映射到ip為151.101.100.133的主機(jī)上朋蔫，然后github會(huì)根據(jù)我們的用戶名查找相應(yīng)的靜態(tài)文件，然后返回却汉。
4驯妄、相關(guān)知識(shí)
hexo部署三步走
每次部署博客都要執(zhí)行下面三步
1. hexo clean
2. hexo g
3. hexo d
hexo常用命令
+ hexo new "postName" #新建文章
+ hexo new page "pageName" #新建頁(yè)面
+ hexo generate #生成靜態(tài)頁(yè)面至public目錄
+ hexo server #開(kāi)啟預(yù)覽訪問(wèn)端口（默認(rèn)端口4000，'ctrl + c'關(guān)閉server）
+ hexo deploy #將.deploy目錄部署到GitHub
+ hexo help #查看幫助
+ hexo version #查看Hexo的版本
hexo主題
hexo有很多漂亮的主題可選合砂，這也是為什么我沒(méi)有選擇jekyll的原因青扔。
- Yilia - Responsive and simple style 強(qiáng)烈推薦，我用得就是這個(gè)翩伪。(ps: 作者人也很nice~)
- NexT -Elegant Theme for Hexo 都有自己的官網(wǎng)了微猖，用的人很多
- Cover - A chic theme with facebook-like cover photo
至于主題如何配置，我就不細(xì)說(shuō)了缘屹，不同主題不一樣凛剥，大家可以去參閱相關(guān)文檔。
博客寫(xiě)作技巧
1轻姿、如何讓文章想只顯示一部分和一個(gè) 閱讀全文 的按鈕犁珠？
答：在文章中加一個(gè) ， 后面的內(nèi)容就不會(huì)顯示出來(lái)了互亮。
2犁享、如何給文章添加標(biāo)簽？
答：在文章的開(kāi)頭有個(gè)tags配置項(xiàng)胳挎，配置格式如下：
- hexo
- 博客
原文鏈接：https://www.wty90.com/2016/11/12/build-blog-with-hexo/
原作者：Teal
