在GitHub上建Hexo博客

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

Hexo官方文檔中對網(wǎng)址配置的敘述

對于圖中所述,網(wǎng)站存放在子目錄的情況。
我想如果要把Hexo托管在GitHub上,那你的博客網(wǎng)站一定是在子目錄中的,因為這個網(wǎng)站其實就是你的一個倉庫(類似于https://github.com/username/yourrepo)。

所以配置這一塊時,嚴格按照官網(wǎng)的步驟走。否則到時候部署(deploy)的時候,會出現(xiàn)一些其他問題(比如我遇到了無法加載cssjs的情況,原因是路徑的問題,也就是因為沒有嚴格走官網(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)文件并部署了。
生成和部署大概有下面三種方式,選擇一種喜歡的就行,作用都是一樣的。

  1. 兩步分開執(zhí)行
?  Blog git:(master) ? hexo g
?  Blog git:(master) ? hexo d
  1. 下面兩種是一起執(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!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容