Hexo＋GitHub 網誌和部落格架設（四）

發表於 2019-11-24 更新於 2024-12-14 分類於 Hexo

將 Hexo 文章和靜態檔案部署到 GitHub

最後一步 - 部署到 GitHub！

終於來到最後一步了，歐耶～

在 _config.yml 中設定好部署 (# Deployment) 相關的配置後，輸入下面其中一行：

1 2	$ hexo deploy $ hexo d

指令說明：
deploy：部署你的網站。
d：deploy的縮寫。

public 資料夾裡面的東西被推到 master 分支啦～

在同一個頁面的 Settings 裡面，找到 GitHub Pages，裡面有網址的部分，按下去就是你的網頁啦！

可以看到 public 資料夾裡面的東西被推到 gh-pages 分支中啦～

在同一個頁面的 Settings 裡面，找到 GitHub Pages，裡面有網址的部分，按下去就是你的網頁啦！(gh-pages branch下拉式選單不用動)

可是按進去看會發現樣式跑掉了，原因是因為 css 樣式的路徑，當初預設是絕對路徑，這邊因為我們不是用 Hexo 建議的用戶名儲存庫，所以要將路徑改成相對路徑。

打開 _config.yml 設定配置，將 # Writing 中的相對路徑從 false 改成 true。

1	relative_link: true

改完儲存後，再輸入一次指令碼

1 2	$ hexo g $ hexo d

等待一下，重整就能看到正確的顯示方式了！

為了方便起見，之後每次 new 完新的文章，可以輸入下面其中一行

1 2	$ hexo g -d $ hexo d -g

指令說明：
g -d：產生靜態檔後佈署
d -g：佈署前產生靜態檔

有更新檔案時，可以輸入下面指令碼來清除快取檔案 (db.json) 和已產生的靜態檔案 (public)。

1	$ hexo clean