Automation Hugo & Blog Personal Website

從靜態到動態:Hugo + Cloudflare 全方位進化指南

從靜態到動態:Hugo + Cloudflare 全方位進化指南

還記得我之前怎麼利用 GitHub Action 自動化部署我的 Hugo 網站嗎?那時候我覺得,能達成「寫完 Markdown 丟上 Git,網站就自動更新」已經是技術上的極致了。但隨著我對部落格的需求增加——我想要一個只有自己能進去的後台、我想要讓讀者可以留言互動——我發現單純的「靜態網站」已經不夠用了。

於是我轉向了 Cloudflare。很多人對它的印象可能只停留在免費的 DNS 解析或是 CDN 加速,但其實它是一個強大的「開發者邊緣運算平台」。今天這篇文章,就是想分享我是如何透過 Cloudflare 實現從網域註冊、權限管理到資料庫維護的「一條龍」服務。

一、 Cloudflare 是什麼?我的個人數位管家

簡單來說,Cloudflare 不僅僅是幫你加速網頁的 CDN,它更像是一個現代化的「邊緣運算中心」。透過它,我們可以把程式碼部署在全球幾百個節點上,而不是依賴單一的主機。

  • 網域註冊 (Registrar): 我現在都在這買網域,因為它不加價,完全以成本價提供,而且與 DNS 設定原生整合,省去切換平台的麻煩。
  • 邊緣運算 (Workers/Pages): 這是我的網站引擎,負責處理邏輯與部署。
  • 無伺服器資料庫 (D1): 這是我最喜歡的功能,它讓原本純靜態的網站,也能像動態網站一樣儲存資料。

二、 核心升級:打造一個安全的數位後台

過去我們使用靜態網站,後台往往直接暴露。現在,我透過 Cloudflare Zero Trust 為我的 /admin 路徑加了一道「安全門」。

這是一個無需編寫複雜驗證程式碼的解決方案。我設定了 Access 規則,任何嘗試存取 dan-blog.com/admin/* 的流量,都必須先經過 Google OAuth 驗證。只有通過身分確認,Cloudflare 才會放行,這讓我的部落格編輯器(Decap CMS)瞬間變成了只有我自己能進入的私人空間。

三、 讓網站「活」起來:加入互動留言系統

有了資料庫後,部落格就不再是單向的閱讀。我利用 Cloudflare D1 輕鬆建立了一個留言系統。

D1 的本質是 SQLite,這對開發者超級友善。當讀者留言時,透過 Cloudflare Workers 處理請求,直接將資料存進 D1。不需要維護 MySQL 伺服器,不需要擔心備份,因為 Cloudflare 已經幫我處理好了一切。

四、 給開發者的「白嫖」指南:Cloudflare 的免費額度

很多人好奇,這樣玩要花多少錢?答案是:在個人使用範圍內,幾乎是 0 元。 以下是目前 Cloudflare 對開發者最友善的免費額度:

註:以上額度依據 2026 年 Cloudflare 官方公告,若你的部落格流量突然爆增到百萬級別,再考慮付費升級也不遲。

五、 結論:讓技術服務於寫作

將部落格從靜態搬到 Cloudflare 的生態系後,我感覺最大的差別就是:我可以更專注於內容輸出。 網域、權限、資料互動全在一個儀表板管理,這大大降低了維護的負擔。

技術不該是阻礙你創作的門檻,而是讓你的數位資產更有價值的工具。如果你也有一台靜態網站,試著把它搬上 Cloudflare 吧,你會發現這趟進化之旅比想像中更有趣。

服務項目免費計畫額度 (Free Plan)Pages (網站部署)每月 500 次構建 (Builds),無限頻寬,無限靜態請求Workers (運算)每天 100,000 次請求,足夠個人專案使用Zero Trust (權限)最多 50 個使用者,適合個人與小型團隊D1 (資料庫)1 GB 儲存空間,每天執行次數非常充裕

Comments

Loading comments…

Leave a Comment