用 jekyll + GitHub + Gandi 架blog

用 jekyll + GitHub + Gandi 架blog

簡單來寫一下用 jekyll + GitHub + Gandi(個人網域)架blog遇到的問題。希望對用這些工具架站的人有幫助。

主要是參考這篇: 使用 Jekyll 建立自己的 Github Page Blog

還有下面這段影片,雖然是英文的,照著操作就可以了。

How to Install Jekyll Themes?

遇到的問題1:

在本地端無法開啟server

解決方法:

終端機輸入jekyll s

這其實是個笨問題,因為我忘記這不是rails

輸入rails s當然打不開啊!

遇到的問題2:

在GitHub上架好blog了,如何導到自己的網域

解決方法:

因為是在Gandi購買網域,所以到Gandi的網站,登入後點選「查看您的所有產品」

gandi1

然後點選網域名稱,下方會出現自己的網域,點選進去。

gandi2

然後點選「區域檔紀錄」,會出現如下畫面。

gandi3

將類型A的資料刪除,然後新增,一樣選類型A,IPv4位址輸入185.199.108.153

gandi4

記得回到GitHub,到所在repo的setting設定GitHub Pages,把自己的網域填入Custom domain後save。

github

按下save後,GitHub應該會自動幫你產生一個CNAME檔,記載你的網域名稱。

遇到的問題3:

連到自己的網域後,CSS無法載入。

檢視頁面顯示“Fail to load resource 404“。

解決方法:

打開_includes下的head.html,看到CSS的部分,如果標示如下:

<link rel="stylesheet" href="/public/css/poole.css">

改成

<link rel="stylesheet" href="/public/css/poole.css">

就是把前面的刪掉,Icon有這串的也刪掉,應該就會正常了。

Recent post