GitHub

在Github建立自有網域的網站

流程大概是這樣,先憑記憶記錄下來 https://pages.github.com/

找適合的版型專案

以 jekyll 為例子, https://github.com/topics/jekyll-theme,頁面中有不錯的版型可使用,使用時還是要留意一下使用授權

我目前測試有佈署成功的專案 https://github.com/Huxpro/huxpro.github.io

把版型 Fork 到自己的空間

到專案的頁面點 Fork , 直接 Create Fork

設定page

到自己專案的settings頁面中的pages設定,Source選Github Actions,接著在同頁面的下戶找到Custom domain

你會看到有一段說明 Custom domains allow you to serve your site from a domain other than youid.github.io

設定DNS

到DNS設定頁面新增一個C NAME,例如我的站是 blog.sitename.com 

Name: blog

Content: youid.github.io

把DNS回填到Custom domain

回到page頁面,填入 Custom domain "blog.sitename.com",等待一段時間,會看到DNS check successful變成綠色,即成功

執行Jekyll佈建

一樣在page頁面找到 Jekyll 點擊 Configure,這裡要特別注意,一定要在DNS關聯好再做,不然網頁路徑會有問題

Configure 後,直接再點 Commit Changes,會跳出 Create jekyll.yml 一樣直接再點 Commit Changes

到專案的Actions頁面

All workflows 會看到 Create jekyll.yml 變成綠色,即佈建完成

成功的話,在頁面 "blog.sitename.com" 即可看到

Jekyll佈局網站的作法是透過程式維護及連結檔案,此作法可以不用使用資料庫就能做到檔案及內容的動態連結
產出的是靜態站的內容,再加上Github也有自帶cache的功能,應該是目前能做的最速靜態網站吧,以上僅為個人對Github頁面的理解。由於我已使用Drupal及WordPress有好幾年的時間,近期才接觸到這個覺得還蠻有趣,很適合輕量型的內容製作