Skip to content

建立 2026-09-15 更新 2026-09-15

Cloudflare Pages

Cloudflare Pages 是網路基礎建設公司 Cloudflare 推出的靜態網站佈署服務，優勢在於直接架設在 Cloudflare 龐大的全球邊緣網路（CDN）上，網站在世界各地的讀取速度都很穩定，而且免費方案對頻寬與請求數的限制相對寬鬆。需要更複雜的後端邏輯時，可以搭配同公司的 Cloudflare Workers。

核心概念

  • 邊緣網路佈署：建置完成的靜態檔案會自動同步到 Cloudflare 全球的邊緣節點，使用者連線時就近取得內容，延遲較低。
  • Git 整合與 Direct Upload：可以連接 GitHub／GitLab 做自動化佈署，也能用 wrangler CLI 或網頁介面直接上傳建置好的檔案（Direct Upload），不一定要透過 Git。
  • Pages Functions：在專案的 functions/ 目錄放入程式碼，就能在邊緣節點執行伺服器端邏輯（例如處理表單、串接 API），概念上類似 Serverless Functions。
  • 免費方案的頻寬與請求數：這是 Cloudflare Pages 相較其他平台的主要賣點之一，但具體額度會隨官方政策調整，實作前務必查看官方頁面。

佈署步驟

  1. 到 dash.cloudflare.com 註冊或登入 Cloudflare 帳號。
  2. 在左側選單找到 Workers & Pages，點選 Create → Pages → Connect to Git。
  3. 授權並選擇要佈署的 GitHub repository。
  4. 設定 Framework preset、Build command 與 Build output directory（多數框架有預設值）。
  5. 需要環境變數時，於 Settings → Environment variables 新增。
  6. 點擊 Save and Deploy，完成後會取得一個 *.pages.dev 網址，也可以綁定自訂網域。
  7. 後續 git push 會自動觸發重新佈署；Pull Request 也會產生預覽網址。

方案與限制

Cloudflare Pages 的免費方案已可涵蓋大多數個人與小型專案的靜態網站需求；若要使用 Pages Functions 或更高階功能，部分項目會依用量計費。實際限制請以 Cloudflare Pages 官方定價說明 與 Cloudflare 定價頁面 為準。

官方學習資源

官方文件

Cloudflare Pages Docs 提供完整的入門指南與框架整合教學，官方 Tutorials 專區 另有多篇實作導向的教學文章。

Cloudflare Developers 官方頻道教學

Cloudflare Developers 官方頻道錄製，示範如何把專案連接到 Cloudflare Pages、設定建置參數並完成佈署，內容聚焦在官方後台介面的實際操作。

精選 YouTube 教學

社群製作的完整示範，十分鐘內走過從專案建置、綁定資料庫到設定自訂網域的整個流程，並同時介紹 Cloudflare Pages 與 Workers 兩者如何搭配使用，適合想快速掌握全貌的讀者。

相關資料