免費圖床選擇:15 分鐘搞定 Cloudflare R2 圖片託管

更新 發佈閱讀 11 分鐘

你每個月花多少錢在圖片託管服務上?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

Add Cloudflare payment information.jpg

步驟 3:建立你的 Bucket

在 R2 術語中,bucket(儲存桶)就像雲端資料夾,用來存放你的圖片。

點選 Create bucket(建立儲存桶)。

Create a new Cloudflare R2 Bucket.jpg

Create a new Cloudflare R2 Bucket.jpg

選擇儲存桶名稱。 規則如下:

  • 必須是全球唯一(所有 Cloudflare 使用者中不重複)
  • 只能小寫
  • 不能有空格(用連字號)

範例:

  • myblog-images-2025
  • yourname-cdn
  • techblog-assets

選擇位置。Automatic(自動)就好,除非你有特殊需求。Cloudflare 會根據效能自動最佳化存放位置。

點選 Create bucket

Set Cloudfare R2 Bucket name.jpg

Set Cloudfare R2 Bucket name.jpg

🎉 你的儲存桶已上線。 現在讓圖片可以在網路上存取。

步驟 4:連接自訂網域(選用但建議)

這個步驟讓你的圖片有簡潔的網址,像 images.yourdomain.com/photo.jpg,而不是醜陋的預設連結。

如果你還沒有網域,現在跳過這步驟也沒關係,之後隨時可以加。

如果你有網域:

  1. 在儲存桶設定中,點選 Settings(設定)標籤
  2. 捲到 Public Access(公開存取)
  3. 點選 Connect Domain(連接網域)
  4. 輸入子網域(建議用 images.yourdomain.comcdn.yourdomain.com
  5. 點選 Connect domain

Set R2 Custom Domains.jpg

Set R2 Custom Domains.jpg

Cloudflare 會自動處理一切:

  • 建立 DNS 記錄
  • 配置 SSL 憑證(HTTPS)
  • 啟用 CDN 快取

等待 2-5 分鐘讓 DNS 在全球更新。去泡杯咖啡吧。

image.png

image.png

為什麼自訂網域重要:

  • 更專業的外觀
  • 你掌控網址(如果換服務商,網域還是你的)
  • 對 SEO 更好(搜尋引擎看到的是你的網域,不是 Cloudflare 的)

替代方案: R2 提供預設的 .[r2.dev](http://r2.dev) 網址,可以立即測試使用。


上傳圖片到 R2(三種方法)

你的 R2 儲存桶準備好了,現在來上傳圖片。

方法 1:控制台上傳(最簡單)

如果你剛開始使用或偶爾上傳,這個方法最適合。

  1. 在 R2 控制台開啟你的儲存桶
  2. 點選 Upload(上傳)按鈕
  3. 拖放圖片(或點選瀏覽)

Test R2 upload image.jpg

Test R2 upload image.jpg

你的檔案立即可用:

images.yourdomain.com/filename.jpg

Show a example for Cloudflare R2.jpg

Show a example for Cloudflare R2.jpg

就這樣。沒有處理時間,沒有壓縮,立即上線。

適合: 新手、偶爾上傳、測試

方法 2:使用上傳工具(建議常用)

如果你經常寫部落格,每次手動上傳會很麻煩。上傳工具可以解決這個問題。例如,PicGo。

方法 3:指令列(進階——怕的話跳過)

開發者可以使用 Cloudflare 的 Wrangler CLI 從終端機上傳圖片或自動化上傳。

如果你對指令列工具不熟悉,完全可以忽略這個方法。方法 1 和 2 能處理 99% 的使用情境。

適合: 想要自動化的開發者


如何實際使用你的圖片(在部落格、Markdown、HTML)

現在圖片已上傳,以下是如何在各處使用:

在 Markdown 中:

![圖片描述]([images.yourdomain.com/photo.jpg](http://images.yourdomain.com/photo.jpg))

在 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 圖片託管完全指南:我如何解決圖片失效的痛苦

留言
avatar-img
Leon Wong 282
9會員
25內容數
Hi,我是 Leon Wong(亮之)——電腦科學與開發愛好者,也是 Notion 重度使用者。如果你想更高效地學習與創作,這裡會是你的實用資源。
Leon Wong 282的其他內容
2025/10/22
學習如何使用 Homebrew 套件管理器,只需一行指令就能安裝 Mac 軟體,一次更新所有應用程式,再也不用手動下載 .dmg 檔案。完整的初學者指南,即使從未使用過終端機也能輕鬆上手,每週為你節省數小時的時間。
Thumbnail
2025/10/22
學習如何使用 Homebrew 套件管理器,只需一行指令就能安裝 Mac 軟體,一次更新所有應用程式,再也不用手動下載 .dmg 檔案。完整的初學者指南,即使從未使用過終端機也能輕鬆上手,每週為你節省數小時的時間。
Thumbnail
2025/10/20
這篇實用指南整理 SQL 查詢「0 rows returned」的七大成因與速查清單:NULL 比較、字串陷阱(大小寫/空白/引號)、AND/OR 優先順序、拼字與 schema、日期時間範圍與時區、資料不存在、JOIN 失配。附逐步診斷與快速修復技巧,5 分鐘定位問題,新手到進階都能立即套用。
2025/10/20
這篇實用指南整理 SQL 查詢「0 rows returned」的七大成因與速查清單:NULL 比較、字串陷阱(大小寫/空白/引號)、AND/OR 優先順序、拼字與 schema、日期時間範圍與時區、資料不存在、JOIN 失配。附逐步診斷與快速修復技巧,5 分鐘定位問題,新手到進階都能立即套用。
2025/10/20
全面掌握 SQL WHERE 子句的篩選技巧:等於/不等於、大小比較、BETWEEN、IN、LIKE(%/_)、AND/OR/NOT 的正確組合與常見坑(優先順序、引號、大小寫、索引效能)、NULL 的正確處理,以及 WHERE 與 HAVING 的差異。讓新手到進階都能寫出可靠的查詢。
2025/10/20
全面掌握 SQL WHERE 子句的篩選技巧:等於/不等於、大小比較、BETWEEN、IN、LIKE(%/_)、AND/OR/NOT 的正確組合與常見坑(優先順序、引號、大小寫、索引效能)、NULL 的正確處理,以及 WHERE 與 HAVING 的差異。讓新手到進階都能寫出可靠的查詢。
看更多
你可能也想看
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
自架網站的優點包括完全控制網站的設計和功能,自定義擴展和調整空間,無需依賴第三方平台;此外,網站擁有者可以選擇最佳的安全措施和SEO策略,提升網站的安全性和可見性。 然而,自架網站的缺點是需要技術知識和時間成本,設置和維護較為複雜,初期投入費用較高,且若缺乏技術支持,可能會遇到技術問題難以解決。
Thumbnail
自架網站的優點包括完全控制網站的設計和功能,自定義擴展和調整空間,無需依賴第三方平台;此外,網站擁有者可以選擇最佳的安全措施和SEO策略,提升網站的安全性和可見性。 然而,自架網站的缺點是需要技術知識和時間成本,設置和維護較為複雜,初期投入費用較高,且若缺乏技術支持,可能會遇到技術問題難以解決。
Thumbnail
AWS CloudFront + S3 遇到 CORS 解決方式
Thumbnail
AWS CloudFront + S3 遇到 CORS 解決方式
Thumbnail
Google Cloud Arcade 是一個免費、以遊戲來學習 Google Cloud 的平台,在這裡您可以透過實作的Labs 來解決主題任務和每週任務,每個月的主題任務和每週任務都會更新,充實掌握雲端技能。
Thumbnail
Google Cloud Arcade 是一個免費、以遊戲來學習 Google Cloud 的平台,在這裡您可以透過實作的Labs 來解決主題任務和每週任務,每個月的主題任務和每週任務都會更新,充實掌握雲端技能。
Thumbnail
內容交付網路(CDN)是一種網路架構,旨在提高用戶訪問網站內容的速度和效能。其基本原則是將網站內容分佈在全球的伺服器節點上。當使用者訪問網站時,CDN會根據使用者的地理位置和網路狀況,自動從最近的節點傳送內容,降低數據傳輸。
Thumbnail
內容交付網路(CDN)是一種網路架構,旨在提高用戶訪問網站內容的速度和效能。其基本原則是將網站內容分佈在全球的伺服器節點上。當使用者訪問網站時,CDN會根據使用者的地理位置和網路狀況,自動從最近的節點傳送內容,降低數據傳輸。
Thumbnail
本文介紹如何在GCP上使用Terraform建立CloudFlare DNS解析和模組化。通過閱讀本文,可以瞭解如何設置Terraform建立CloudFlare DNS解析以及取得GCS上的Terraform state file並透過Terraform建立CloudFlare DNS解析的步驟。
Thumbnail
本文介紹如何在GCP上使用Terraform建立CloudFlare DNS解析和模組化。通過閱讀本文,可以瞭解如何設置Terraform建立CloudFlare DNS解析以及取得GCS上的Terraform state file並透過Terraform建立CloudFlare DNS解析的步驟。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
想學流量怎麼蹭嗎?讓我這位前任競選總幹事告訴你,不過要先修課程唷,我會給素材,你們要交作業,否則紙上談兵都無用,我有一些業配的業務可以讓各位練習,如何蹭流量還有管理經營。 流量密碼研究所 3000,每個月 https://vocus.cc/pay/salon/monthly/645345c1
Thumbnail
想學流量怎麼蹭嗎?讓我這位前任競選總幹事告訴你,不過要先修課程唷,我會給素材,你們要交作業,否則紙上談兵都無用,我有一些業配的業務可以讓各位練習,如何蹭流量還有管理經營。 流量密碼研究所 3000,每個月 https://vocus.cc/pay/salon/monthly/645345c1
Thumbnail
在內容行銷的世界中,找到適合又稱手的工具是每位行銷專員的快樂泉源之一,畢竟這代表能夠花費更少的時間,擁有更好的效率與產能(然後盡早下班XD)。幸運的是,現在有許多免費的創意工具可以幫助你快速製作引人入勝的視覺內容,從而提高品牌曝光和銷售業績。讓我們一起來看看幾個最受歡迎的平台吧!
Thumbnail
在內容行銷的世界中,找到適合又稱手的工具是每位行銷專員的快樂泉源之一,畢竟這代表能夠花費更少的時間,擁有更好的效率與產能(然後盡早下班XD)。幸運的是,現在有許多免費的創意工具可以幫助你快速製作引人入勝的視覺內容,從而提高品牌曝光和銷售業績。讓我們一起來看看幾個最受歡迎的平台吧!
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
介紹幾種免費雲端空間,容量大且有密碼保護功能,包括GigaFile、AC data、FILENOW、おくりん坊 Okurin和Easyupload。
Thumbnail
介紹幾種免費雲端空間,容量大且有密碼保護功能,包括GigaFile、AC data、FILENOW、おくりん坊 Okurin和Easyupload。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News