Skip to main content

使用 Github Pages 架設網站

Git 教學現在有獨立的網站了!請移駕 Git 零到一百。

榨乾免費工具的功能是一定要的,Github 除了提供免費的 Actions 功能,也提供 Pages 功能免費架設靜態網站,一個帳號只能架設一個 帳號站點,但是 專案站點 可以有多個,簡單來說就是 YourName.github.io 只能有一個 repo,但是你可以開多個 repo 建立 pages 功能,他們的網站路徑必需在 YourName.github.io/path/ 之下。

以 Blowfish 為例,可以看到兩個專案站點 Red Blowfish 和 Gray Blowfish 不衝突。兩者的設定在此:Red Blowfish Gray Blowfish。

Github Pages​

設定方式網路上太多教學了,而且這偏向 GUI 操作我就不重複寫,請直接從 1:23 開始看 Github王炸功能Pages,免费免服务器上线网站,详细教程,看到 2:45 就結束了,就是這麼簡單又方便的功能。

Cloudflare Pages​

除了 Github 以外還有很多廠商也提供免費的靜態網站架設服務,比如說全世界最大的網路傷 Cloudflare 也提供 Pages 功能,支援直接連動 Github 倉庫,如果 Github Pages 強度王炸 Cloudflare Pages 就是王炸平方超級王炸,因為他支援無限數量的 pages,還可以無縫整合 redirect workers 等功能,甚至還支援隨時替換過去部署過的網頁,除錯或是回退都是一鍵搞定,除此之外你還可以享受到全球最大 CDN 服務商的速度、DNS 管理如 DNSSEC 等功能、DDoS 防護等功能這些其他雲端服務商都沒有。

Cloudflare D1​

靜態網頁的缺點就是無後端能力,所有內容都是靜態的,有沒有辦法解決這個問題呢?Cloudflare 可以。

Cloudflare D1 提供無伺服器的 SQL 資料庫服務,這代表可以在終端搭配 Workers 存取資料庫,不需自己架設一個後端伺服器,比如說你可以架一個流量統計,或者文章按讚、留言系統,又或者是把自己的 tcx 數據直接丟雲端搞一個進化版的 running page。

不過這當然是要有技術能力才弄的出來就是了。

Cloudflare R2​

把全部內容都放在儲存庫會造成 repo 容量迅速增加,該怎麼解決呢?

一般來說使用 Git LFS 功能可解決,但是對於網站架設我推薦 Cloudflare R2。R2 是物件儲存服務,最大的優勢在於零出口流量費(Zero egress fee),可以無痛地將靜態資源、圖片、備份資料儲存在 R2,並與 Cloudflare CDN 無縫串連,關於這問題請見下一篇文章善用 Git LFS 功能減少儲存庫容量。