在 GitHub 上設定 Jekyll 和自訂網域
花了時間把 Jekyll 建起來。Ghost 超讚,不過要自訂版型、部屬還是比較花時間的(部屬還要 $$),純粹靜態網頁更為容易,還可以直接上到免費的 GitHub Pages 上,再配上 jekyll-assets,寫 sass 或 ES6 都 OK。
切出 Git Subtree
我先把原本的分支重新命名為 jekyll,再用 git subtree 把 Jekyll 建置出的 _site 資料夾切成 master 分支:
git checkout -b jekyll # 原本在 master
git branch -D master # 把原本 master branch 刪掉
git subtree split --prefix=_site -b master # git subtree 指令將 _site 資料夾切成 master branch
接下來每次更新網站都從原本的 jekyll 分支 commit,然後推送 subtree 到 GitHub Page 的 remote:
git commit -m "commit on jekyll branch"
git subtree push --prefix _site origin master # 將 _site 的 subtree 推到 origin 的 master branch
其中我的 origin 為 https://github.com/username/username.github.io。請再參考 GitHub Pages 的設定。
設定 GitHub User Page 的自訂網域
二圖流


CNAME 檔:
www.yukaii.tw
yukaii.tw
自訂 Template
Jekyll 也有 partial,我用來做 image caption,比如以下這段:
{% include image.html url="https://i.imgur.com/gqOPCwP.jpg" description="六月不要啊啊啊,應該沒有第二行啦" %}
就會產生:
![]() |
在 _includes 資料夾新增 image.html,詳情請參考這裡
