Morgan Vault指南Cloudflare Pages 免費部署
指南 · 免費部署

如何用 Cloudflare Pages 免費部署網站(含自訂網域)

把你的 GitHub repo 接上 Cloudflare Pages,就能免費把靜態網站部署到全球 CDN——含免費 HTTPS、可接自訂網域、每次 git push 自動重新部署。這篇是完整步驟。

作者 Morgan Wang · 最後更新
一句話回答
怎麼用 Cloudflare Pages 免費部署網站?

把網站檔案 push 到 GitHub repo;登入免費 Cloudflare 帳號,進 Workers & Pages → Create application → Pages → Connect to Git,選你的 repo;純靜態網站把 build 指令留空、輸出目錄設成含 index.html 的資料夾,按 Save and Deploy;一兩分鐘後網站就在免費的 your-project.pages.dev 上線,附自動 HTTPS。之後每次 git push 自動重新部署。要自訂網域就在 Custom domains 加上去,Cloudflare 不收連接費,只有網域註冊本身約每年 $10。

七個步驟

  1. 1. 把網站放進 GitHub repo確認你的網站檔案(至少一個 index.html)已經 push 到 GitHub 倉庫。公開 repo 就行,而且免費。
  2. 2. 打開 Cloudflare Pages登入免費 Cloudflare 帳號,進 Workers & Pages,選 Create application,切到 Pages 分頁,按 Connect to Git。
  3. 3. 連上你的倉庫授權 Cloudflare 存取 GitHub,選擇放你網站的那個 repo。
  4. 4. 設定 build純靜態 HTML 網站:build 指令留空,輸出目錄設成含 index.html 的資料夾(大多數簡單網站就是 repo 根目錄)。按 Save and Deploy。
  5. 5. 拿到你的網址Cloudflare 一兩分鐘內 build 完,把網站 serve 在免費的 your-project.pages.dev,走全球 CDN、自動 HTTPS。
  6. 6. 接自訂網域(選配)在專案的 Custom domains 分頁加上你自己的網域,Cloudflare 會自動配置免費 SSL 憑證。網域註冊本身約每年 $10;Cloudflare 不收連接費。
  7. 7. 每次 push 自動部署之後每次 git push 到所連的分支,都會自動觸發新的 build 與部署,不用再手動上傳。

為什麼是「真的免費」?

Cloudflare Pages 免費方案包含:無限請求數與頻寬、每月 500 次 build、免費自動 HTTPS、全球 CDN。對個人或小型商業的靜態網站來說,通常你一毛都不用付。唯一可能花到的是「自訂網域註冊」——而那是付給網域註冊商,不是付給 Cloudflare。

常見問題

Cloudflare Pages 真的免費嗎?
是。免費方案含無限請求與頻寬、每月 500 次 build、免費自動 HTTPS、全球 CDN。個人或小型靜態網站通常完全不用付費。
一定要有 build step 或框架嗎?
不用。純 HTML/CSS/JS 網站把 build 指令留空、輸出目錄指向含 index.html 的資料夾即可。Next.js、Astro 等框架也支援,但不是必要。
含 HTTPS / SSL 嗎?
含。pages.dev 預設網址與你接的自訂網域都會自動配置免費 SSL,你不用手動處理憑證。
自訂網域要多少錢?
Cloudflare 不收「把自訂網域接到 Pages 專案」的費用。你只付網域註冊本身,任何註冊商通常約每年 $10。
部署要多久?
靜態網站的 build 通常一到兩分鐘完成。build 完後,幾秒內就會傳播到 Cloudflare 全球邊緣節點。
可以不用 GitHub 嗎?
可以。Cloudflare Pages 支援直接上傳與 Wrangler CLI。但建議接 GitHub repo,因為這樣才有「每次 push 自動重新部署」。

想學完整條建站之路?

完整 200 頁實戰電子書:從第一行 HTML 到部署、SEO/AEO、16+ 語言、訂閱收集、流量策略。含可直接複製的腳本與 AI 對話模板。共 23 種語言。

查看電子書套組 — $39.90 →