Github Pages－免費架設靜態網站
Github Pages是Github提供的一個網頁代管服務，讓你可以簡單地把Repository變為一個靜態網站， 重點是完全免費！
當然也不是沒有缺點：
- 不能跑任何服務器端的代碼
- 不支援route rewrite
- 只有1GB的空間
- 彈性限制流量100GB/月
- 只能用於公開的Repository(付費用家除外)
但由於其免費(重點!)及架設容易(需要有一定的Git經驗)，
因此Github Pages仍然是我個人架設簡單網站的首選。
(本站也是架設在Github Pages上面xD)
以下就是一個簡單的例子
OK!
首先第一步你要先有一個在Github上面的Repository
然後直接在UI上面創建一個簡單的index.html
(偷偷的放了一張貓圖)
之後到設定>Pages
選擇從那一個branch發佈，我們剛剛的index.html提交在main上面所以選main(註1)
然後等一會你就可以看到網站發佈了！
小提示:
Github Pages是透過Jekyll－ 一個Ruby的程序，配合Github自家的Github Actions來發佈。
因此當你提交了新的檔案之後，你可以到Actions頁面去瀏覽整個發佈過程。
通常由提交更新直到在網頁上看到更新大概需要1~2分鐘
進階技巧
靜態網頁生成器(Static Site Generator)
以上的例子是直接創建了一個簡單的index.html，但現實中的網頁通常都來得更複雜。而靜態網頁生成器(Static Site Generator)則可以讓你透過利用一些Template及用戶編寫的資料/設定去生成靜態的HTML檔案。
常見的一些靜態網頁生成器:
- Jekyll (Ruby)
- Hugo (GO)
- Gatsby (Javascript/React)
- Hexo (Javascript)
- Docusaurus (Javascript/Markdown)
有興趣的話這裡有更多的Generator