你每個月花多少錢在圖片託管服務上?15 美元?30 美元?
還是你正在使用那些隨時可能刪除你圖片的「免費」服務?
我測試了好幾個月的圖床解決方案。有些太貴,有些不穩定,還有一個直接倒閉,帶走了我數百張部落格圖片。
後來我發現了 Cloudflare R2。
R2 提供 10GB 儲存空間、無限流量、全球 CDN 加速——完全免費。 不需要信用卡,沒有隱藏費用,流量爆增也不用擔心帳單暴漲。
這篇文章會手把手教你設定 R2,即使你從未接觸過雲端儲存也沒關係。讀完這篇教學,你就能擁有專業級的圖片託管服務——跟大公司花大錢使用的是同一套基礎設施。
只要 15 分鐘,你的圖片就能在全球快速載入。
為什麼選擇 R2?(對部落格作者的好處)
先講基本概念。Cloudflare R2 是物件儲存服務——可以想像成雲端硬碟,但每個檔案都有專屬的網址。
當你上傳圖片到 R2,就會得到一個永久網址,可以在任何地方使用:部落格、GitHub 文件、社群媒體、論壇貼文。而且圖片載入速度很快,因為 Cloudflare 的全球 CDN(內容傳遞網路)會自動在世界各地的邊緣伺服器快取你的圖片。
R2 對部落客的優勢:
✅ 免費額度非常實用
10GB 儲存空間大約可以放 10,000 張部落格圖片。除非你經營攝影作品集,否則很難用完。
✅ 零流量費用
這點超重要。AWS S3 每次有人瀏覽你的圖片都要收費,一篇爆文可能讓你付出數百美元。R2 的下載流量完全免費——無限制。
✅ 內建全球 CDN
你的圖片會自動在東京、倫敦、聖保羅快速載入,不需要額外設定。
✅ 不需要寫程式
在控制台拖放上傳就完成了。
✅ 專業級穩定性
這是企業級技術,你的圖片不會因為免費服務倒閉而消失。
開始前的準備(別擔心,很簡單)
開始之前,你需要:
1. Cloudflare 帳號(免費——我會教你怎麼申請)
2. 自訂網域(選用但建議——任何你擁有的網域都可以)
3. 10 分鐘時間
還沒有網域?沒關係,你可以先用 R2 的預設網址,之後再加上自訂網域。免費方案兩種方式都可以。
從沒用過 Cloudflare?太好了,這篇教學假設你完全從零開始。
R2 圖床設定教學(完整步驟)
步驟 1:建立 Cloudflare 帳號
前往 cloudflare.com,點選右上角的 Sign Up(註冊)。
輸入電子郵件和密碼。Cloudflare 會寄驗證信給你——點選信中的連結啟用帳號。
就這樣。不需要信用卡,沒有試用期轉付費方案的陷阱。
步驟 2:啟用 R2
登入後,看左側邊欄,往下捲找到 R2 並點選。
你會看到 「Purchase R2 Plan」(購買 R2 方案)或 「Get Started」(開始使用)按鈕。

Add Cloudflare payment information.jpg
步驟 3:建立你的 Bucket
在 R2 術語中,bucket(儲存桶)就像雲端資料夾,用來存放你的圖片。
點選 Create bucket(建立儲存桶)。

Create a new Cloudflare R2 Bucket.jpg
選擇儲存桶名稱。 規則如下:
- 必須是全球唯一(所有 Cloudflare 使用者中不重複)
- 只能小寫
- 不能有空格(用連字號)
範例:
myblog-images-2025yourname-cdntechblog-assets
選擇位置。 選 Automatic(自動)就好,除非你有特殊需求。Cloudflare 會根據效能自動最佳化存放位置。
點選 Create bucket。

Set Cloudfare R2 Bucket name.jpg
🎉 你的儲存桶已上線。 現在讓圖片可以在網路上存取。
步驟 4:連接自訂網域(選用但建議)
這個步驟讓你的圖片有簡潔的網址,像 images.yourdomain.com/photo.jpg,而不是醜陋的預設連結。
如果你還沒有網域,現在跳過這步驟也沒關係,之後隨時可以加。
如果你有網域:
- 在儲存桶設定中,點選 Settings(設定)標籤
- 捲到 Public Access(公開存取)
- 點選 Connect Domain(連接網域)
- 輸入子網域(建議用
images.yourdomain.com或cdn.yourdomain.com) - 點選 Connect domain

Set R2 Custom Domains.jpg
Cloudflare 會自動處理一切:
- 建立 DNS 記錄
- 配置 SSL 憑證(HTTPS)
- 啟用 CDN 快取
等待 2-5 分鐘讓 DNS 在全球更新。去泡杯咖啡吧。

image.png
為什麼自訂網域重要:
- 更專業的外觀
- 你掌控網址(如果換服務商,網域還是你的)
- 對 SEO 更好(搜尋引擎看到的是你的網域,不是 Cloudflare 的)
替代方案: R2 提供預設的 .[r2.dev](http://r2.dev) 網址,可以立即測試使用。
上傳圖片到 R2(三種方法)
你的 R2 儲存桶準備好了,現在來上傳圖片。
方法 1:控制台上傳(最簡單)
如果你剛開始使用或偶爾上傳,這個方法最適合。
- 在 R2 控制台開啟你的儲存桶
- 點選 Upload(上傳)按鈕
- 拖放圖片(或點選瀏覽)

Test R2 upload image.jpg
你的檔案立即可用:
images.yourdomain.com/filename.jpg

Show a example for Cloudflare R2.jpg
就這樣。沒有處理時間,沒有壓縮,立即上線。
適合: 新手、偶爾上傳、測試
方法 2:使用上傳工具(建議常用)
如果你經常寫部落格,每次手動上傳會很麻煩。上傳工具可以解決這個問題。例如,PicGo。
方法 3:指令列(進階——怕的話跳過)
開發者可以使用 Cloudflare 的 Wrangler CLI 從終端機上傳圖片或自動化上傳。
如果你對指令列工具不熟悉,完全可以忽略這個方法。方法 1 和 2 能處理 99% 的使用情境。
適合: 想要自動化的開發者
如何實際使用你的圖片(在部落格、Markdown、HTML)
現在圖片已上傳,以下是如何在各處使用:
在 Markdown 中:
)
在 HTML 中:
<img src="[images.yourdomain.com/photo.jpg](http://images.yourdomain.com/photo.jpg)" alt="圖片描述">
在 WordPress、Ghost 或 Medium:
新增圖片區塊時,直接貼上圖片網址就行了。
組織技巧(未來會感謝自己)
隨著圖片庫成長,資料夾能讓事情保持井然有序。
在檔名中使用斜線建立資料夾:
/blog/2025/january/screenshot.jpg/social/twitter-banner.jpg/thumbnails/post-01.jpg
你的網址變成:
images.yourdomain.com/blog/2025/january/screenshot.jpg
💡
專業提示: 用有意義的檔名。使用 homebrew-terminal-screenshot.png 而不是 IMG_0234.png。對 SEO 更好,而且未來的你(在找六個月前的某張圖時)會感謝現在的你。
如何維持免費(細節說明)
讓我說明額度限制,這樣你就知道能得到什麼:
✅ 10GB 儲存空間 = 約 10,000 張典型部落格圖片(每張 1MB)
✅ 無限下載 = 沒有流量費用。永遠不會。你的文章爆紅?還是 $0。
✅ 每月 100 萬次上傳操作 = 除非你每天上傳數千張圖,否則不會超過
實際成本範例
小型部落格(每月 1,000 訪客): $0
中型部落格(每月 10,000 訪客): $0
大型部落格(每月 100,000 訪客): 還是很可能 $0
只有超過 10GB 儲存空間才需要付費。即使如此,也只要每 GB 每月 $0.015——超便宜。
參考:典型的部落格截圖是 200-500KB。高品質照片是 2-3MB。你需要上傳數千張圖片才會達到 10GB。
大多數部落客永遠不用付錢。
別犯這些錯誤(我犯過,你不用)
錯誤 1:不保留本地備份
永遠在你的電腦上保留原始圖片。R2 很穩定可靠,但備份是保險。
如果出了問題(帳號問題、誤刪),你可以在幾分鐘內重新上傳,而不是失去心血。
錯誤 2:使用複雜的檔名
別這樣:Screenshot 2025-10-23 at 2.45.32 AM.png
要這樣:cloudflare-r2-dashboard.png
簡潔的檔名之後更容易找,對 SEO 也更好。
錯誤 3:忘記測試網址
上傳後,在瀏覽器中開啟圖片網址確認能正常顯示。在無痕模式測試確保可以公開存取。
這能在發布前抓到問題。
錯誤 4:沒有資料夾結構
從第一天開始,就用資料夾組織:
/2025//tutorials//social/
未來的你會感謝現在的你。
結論:你的圖片現在專業託管了
只用了 15 分鐘,你就建立了原本要花 $15-30/月 的圖片託管服務——完全免費。
重點整理:
✅ R2 提供 10GB 免費儲存和無限流量
✅ 設定只需 10-15 分鐘,不需要寫程式
✅ 適用於任何部落格平台、Markdown 編輯器或網站
✅ Cloudflare 全球基礎設施提供專業級可靠性
今天就開始把圖片上傳到 R2,不再擔心託管成本、流量限制或失效連結。
你目前使用什麼圖片託管方案? 試過 R2 了嗎?在留言告訴我——我很想聽聽你的經驗!
相關資源
想探索其他圖片託管選項? 看看我的完整指南:
官方文件: Cloudflare R2 DocumentationMarkdown 圖片託管完全指南:我如何解決圖片失效的痛苦


























