我遇到的坑都集中在配置_config.yml文件中。

Hexo官方文檔中對網(wǎng)址配置的敘述
對于圖中所述,網(wǎng)站存放在子目錄的情況。
我想如果要把Hexo托管在GitHub上,那你的博客網(wǎng)站一定是在子目錄中的,因為這個網(wǎng)站其實就是你的一個倉庫(類似于https://github.com/username/yourrepo)。
所以配置這一塊時,嚴格按照官網(wǎng)的步驟走。否則到時候部署(deploy)的時候,會出現(xiàn)一些其他問題(比如我遇到了無法加載css及js的情況,原因是路徑的問題,也就是因為沒有嚴格走官網(wǎng)的流程)。
配置好相關(guān)文件之后,可以先在本地啟動服務(wù)器看看效果:
? Blog git:(master) ? hexo server
會出現(xiàn)下面的提示:
? Blog git:(master) ? hexo server
INFO Start processing
INFO Hexo is running at http://localhost:4000/Blog/. Press Ctrl+C to stop.
如果想改變端口,或是在執(zhí)行時遇到了 EADDRINUSE 錯誤,可以在執(zhí)行時使用 -p 選項指定其他端口,如下:
? Blog git:(master) ? hexo server -p [newport]
沒啥大問題之后,就可以和GitHub倉庫進行關(guān)聯(lián),將你熱乎乎的博客托管在GitHub上啦。
當然,在這之前你需要做:
- 在GitHub上新建一個repo(不要創(chuàng)建README.md,所有工作做完之后再創(chuàng)建也來得及)
- 安裝 hexo-deployer-git來一鍵部署你的博客。
? Blog git:(master) ? npm install hexo-deployer-git --save
- 在
_config.yml配置文件中添加deployer,如Git。找到下面的模塊,按下面的方式修改:
deploy:
type: git
repo: <repository url>
branch: master
還有其他的參數(shù),如message,是可以自定義提交信息的參數(shù),你也可以去添加并設(shè)置它。
上面的步驟認真做完之后,就可以生成靜態(tài)文件并部署了。
生成和部署大概有下面三種方式,選擇一種喜歡的就行,作用都是一樣的。
- 兩步分開執(zhí)行
? Blog git:(master) ? hexo g
? Blog git:(master) ? hexo d
- 下面兩種是一起執(zhí)行的,用一種即可
? Blog git:(master) ? hexo g -d
? Blog git:(master) ? hexo d -g
然后就靜等自己的網(wǎng)站上傳到GitHub吧。
那我要怎么訪問你的博客呢?
還有最后一步。
在你博客的repo中,點擊Settings。下拉至下圖所示的位置:

GitHub Pages設(shè)置
然后按照圖中的方式設(shè)置source,點擊save即可。這時你就會看到博客的專屬域名啦。
Just explore and enjoy it!