豹哥:🦭「流程看清楚,創意自然來。」
上一篇文章我們介紹了 Netlify,這次豹哥再來介紹另一個也很棒的免費靜態網站托管平台——Cloudflare Pages!
同學們可能會想:「Cloudflare 不是做 CDN 和 DNS 的嗎?怎麼也有網站托管服務?」
沒錯!Cloudflare 推出了 Pages 功能,因為本身就有全球最快的 CDN 網路,所以用 Pages 托管的網站,速度也是一流的!
🟢 Cloudflare Pages 的優點
1. 全球 CDN 速度最快
Cloudflare 在全球有超過 200 個據點,訪客無論身在東京、紐約還是台北,都會從最近的伺服器取得資料!對 SEO 來說超級重要!🚀
2. 免費方案很夠用
- 500 次部署/月:一般使用者非常充足
- 無限頻寬:免費方案也是無限!
- 100 個自訂網域:綁定一堆網站都夠用
- SSL 免費提供:有小綠鎖 🔒
3. 部署方式多元
Git 連動(最推薦):連接到 GitHub,程式碼更新就自動部署
Direct Upload:直接拖曳 ZIP 檔案上傳
C3 命令列工具:快速建立並部署網站
4. 預覽部署功能
每次部署都會產生獨立的預覽連結,方便確認新版本!
5. 20,000 個檔案限制
對於一般的網站來說很夠用!
6. 安全性高
DDoS 防護、網站防火牆等安全功能都很齊全!
🔴 Cloudflare Pages 的限制
1. 沒有拖曳資料夾上傳功能
必須壓縮成 ZIP 才能上傳,用 Mobirise 的流程是:輸出資料夾 → 壓縮成 ZIP → 上傳。多一個步驟但很簡單!
2. 建置時間限制
- 每次建置限時 20 分鐘
- 只能同時執行 1 個建置任務
- 每月限制 500 次建置
3. 沒有表單處理功能(免費方案)
必須用 Workers 或整合第三方服務才能處理表單。這一點可能是致命傷!😬
4. 不支援 PHP
純靜態網站托管,需要動態功能要使用 Cloudflare Workers。
5. 學習曲線稍微高一點
相較於 Netlify,可能需要多一點時間熟悉。
📝 Cloudflare Pages 操作步驟(Mobirise 適用)
步驟一:註冊
進入 https://pages.cloudflare.com
步驟二:用 Mobirise 输出网站
假設輸出到 my-website 資料夾
步驟三:壓縮成 ZIP
在資料夾上按右鍵 → 傳送到 → 壓縮成 ZIP
步驟四:上傳
選擇「Direct Upload」→ 上傳 ZIP 檔案 → 等個幾秒,網站就上線了!
⚡ 跟 Netlify 的比較
| 功能 | Netlify | Cloudflare Pages |
| 免費方案 | ✅ 100GB 頻寬 | ✅ 無限頻寬 |
| 建置次數 | 無限 | 500 次/月 |
| 拖曳上傳 | ✅ 直接拖 | ❌ 只能上傳 ZIP |
| 表單功能 | ✅ 免費 | ❌ 付費 |
| CDN 速度 | 快 | 極快 |
| 學習曲線 | 低 | 中等 |
🎯 豹哥的結論
Cloudflare Pages 適合需要極速載入速度、强大安全性,而且不介意多一個壓縮步驟的同學!
如果想要流程越簡單越好,Netlify 可能更適合你。兩個都是免費的,可以兩個都試試看!反正不用錢嘛!😀
記住豹哥的話:「流程看清楚,創意自然來。」 選對工具,就能讓你的創意被更多人看見!🦭
📝 解惑留言版