HEXO 如何部屬到 Github pages?

HEXO 資料夾設定好之後，當然希望它能正式上線，這樣才是真正的部落格!你可以透過部屬到 Github pages 上擁有超潮 github.io 域名(XDDD)，當然也可以省下買域名的錢，對我這個小資族來說 CP 值超高 !

將 HEXO 部屬到 Github 上要先開一個 repository，沒有 Github 帳號的可以先註冊一個，流程很快的。

附上 Github 註冊網址

以下是我不專業的分享，有誤敬請見諒!

接下來就趕緊進入部屬 HEXO 到 Github 上的步驟吧!

STEP 1. Ceate a new repository

STEP 2. 到 HEXO 網站的資料夾安裝一個插件

1

npm install hexo-deployer-git --save

STEP 3. 到 _config.yml 檔案的 Deployment 部屬

ps. 這邊的 _config.yml 檔案不是主題資料夾中的 _config.yml 檔案，要用 HEXO 本身的 _config.yml 檔案

1
2
3
4

deploy:
  type: git
  repo: https://github.com/xxxxx/xxxxx.github.io.git
  branch: master

type –> 你部屬 HEXO 的模式
repo –> 貼上你的 GitHub repository 連結
branch –> 填上你的分支 (預設是 master)

STEP 4. 生成靜態檔案

1

hexo g

STEP 5. 部屬到 Github 上

1

hexo d

(Photo by Christopher Gower on Unsplash)

題外話，我在部屬到 Github 途中發生很多狀況。有出現整個 github pages 頁面空白、CSS 版型跑掉的狀況。

後來瘋狂爬文以及重新上傳十幾次才成功…

爬文後發現問題出在一開始的 repository name 上，原來要跟 owner 名字一樣。然後我自己用的主題 icarus 也在安裝過程出現錯誤，後來爬文後也補安裝 npm i cheerio -S 才成功。

希望這篇不專業的 HEXO 部屬到 Github 上的分享，可以幫助到跟我一樣在安裝過程困擾的人。(應該沒有人跟我一樣錯這麼瞎的問題才對 XDDDD)