Hexo+GitHub 網誌和部落格架設(四)
最後一步 - 部署到 GitHub!
部署到 GitHub
終於來到最後一步了,歐耶~
在 _config.yml
中設定好部署 (# Deployment) 相關的配置後,輸入下面其中一行:
1 | $ hexo deploy |
指令說明:
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 | $ hexo g |
等待一下,重整就能看到正確的顯示方式了!
寫在部署之後
為了方便起見,之後每次 new 完新的文章,可以輸入下面其中一行
1 | $ hexo g -d |
指令說明:
g -d:產生靜態檔後佈署
d -g:佈署前產生靜態檔
有更新檔案時,可以輸入下面指令碼來清除快取檔案 (db.json) 和已產生的靜態檔案 (public)。
1 | $ hexo clean |
Hexo+GitHub 網誌和部落格架設 系列文
Hexo+GitHub 網誌和部落格架設(一)- Hexo 是什麼?
Hexo+GitHub 網誌和部落格架設(二)- 安裝 Hexo
Hexo+GitHub 網誌和部落格架設(三)- 建立 GitHub 儲存庫
Hexo+GitHub 網誌和部落格架設(四)- 部署到 GitHub ← 你在這~