banner
冷板凳

冷板凳

🚀探索笔记和效率工具
twitter
telegram

告別高昂費用:Obsidian 升級免費圖床 Cloudflare R2 全攻略

隨著博客文章點擊率增長,文章中配插圖或動圖,使之付費圖床逐漸難以承受壓力。高昂的存儲成本和帶寬消耗讓許多人望而卻步,尋找免費或低成本的圖床替代方案成為迫切需求。

image

究竟什麼是圖床#

很多小夥伴搞不清楚為什麼要費勁巴拉弄個什麼圖床,究竟有什麼用?

以 Obsidian 為例,它是一個文本編輯器,當你在文章中插入圖片,它通過本地鏈接形式存在,存放在附件中。如果你寫的文章只給自己看,不發任何在線平台,那麼,無須圖床,不必往下讀了。

一旦文章需要發布在線平台,比如微信公眾號和知乎,那麼文章複製到各個發布平台,未上傳圖床的文章配圖就會丟失。這時你可以通過後台手動上傳本地圖片,重新插入文章即可。

倘若圖片很多,同時需要考慮放置到內容的前後順序,你需要幾步?

先把所有文章配圖以次序重命名,批量上傳到後台,手動挨個在文章內容的段前或段後插入圖片。

有時一不小心,位置放錯還得重來,想想就煩。

有了圖床,以上問題迎刃而解。

Obsidian 排好文章,一鍵上傳圖床,本地鏈接替換外部鏈接,相當於把本地圖片上傳到雲端伺服器並給你配發了一個外網訪問鏈接,返回時圖片自動批量替換為外鏈。

常規文章配圖的在線圖片使用場景分兩種。通常一些自主搭建博客平台不會再將圖片轉換成其他格式或鏈接,他們只對文章進行渲染,圖片使用依然搭載圖床伺服器,當你儲存伺服器的圖片被刪除時,博客文章中的插圖就會丟失。

因此不建議找一些不可靠的免費第三方圖床,一旦他們關閉伺服器,你所有使用該伺服器圖床的文章配圖都會丟失。

另外一種方式,當你將文章複製各平台,比如公眾號和知乎,它們會自動將在線圖片轉換成他們伺服器圖片,相當於做了一次批量上傳並替換的操作。

這樣做的原因,是為了保護原創內容版權和安全,對圖片做了相應的安全識別,也就是對圖片採用了防盜鏈處理。

當你複製微信公眾號文章作他用時,文章配圖丟失,並提示:此圖片來自微信公眾平台未經允許不可引用。

從另外一方面講,如果直接渲染引用自己伺服器圖片鏈接,當伺服器關閉,或不小心刪除圖片時,文章配圖就會丟失。

相當於從 Obsidian 中複製過去的文章圖片,一經平台發布,圖片鏈接已經從自己雲端伺服器轉換為各自平台伺服器了。

這種方式有利有弊,好的地方,如果你使用付費圖床,不用考慮訪問量而被收費問題,只要平台不倒,圖片不會丟失。弊端就是,不自由,轉成平台後的圖片,相當於加了防盜水印,你無法用在其他地方。

如果你使用本地上傳圖片的方式將文章發布到微信公眾號,當將同一篇文章發布到知乎時,由於兩個平台的圖片儲存和鏈接系統不兼容,你需要再次上傳圖片。每個平台都有自己的圖片儲存和管理系統,它們不會共享或自動同步圖片。

圖床服務的價值所在,它允許你通過一個外鏈引用圖片,從而在多個平台上重複使用同一批圖片,避免了重複上傳的麻煩。

image

關於付費圖床問題#

因此找一家可靠的儲存圖片服務,避免文章在博客或者其他自主搭建平台中因伺服器故障而丟失圖片就顯得尤為必要。

我一直使用騰訊雲對象存儲 COS,配合 PicList 開源圖片上傳工具,它在 PicGo 基礎上經過二次深度開發,不僅完整保留 PicGo 所有功能,還增添許多新特徵。例如相冊支持同步雲端刪除文件等。

以往刪除一張已上傳儲存桶的圖片,你需要打開雲服務後台手動刪除,而 PicList 可以在工具相冊直接刪除,即可同步刪除雲端圖片。對於不喜歡圖片冗餘的小夥伴來說,這個功能非常實用。

image

綜上所述,圖床是一種服務,它使你能夠高效地將包含圖片的文章快速發布到多個平台,無需逐一手動上傳每張圖片。

隨著你的博客閱讀量提升,付費圖床壓力越來越大。

騰訊雲對象存儲收費,正常人也看不懂。反正就一條,你上傳要錢,別人瀏覽和下載也要錢。

從今年的賬單,我們不難看出,當文章閱讀量越來越大時,圖床費用也水漲船高。

我文章配圖其實不多,一般三到五張,儘管如此,一個月從 10 元漲到 30 元。

相當於,你寫文章分享給別人看,還得自己掏錢。

image

那麼究竟有沒有免費又可靠的圖床對象存儲服務呢?

被稱為 “互聯網賽博活菩薩” 的 cloudflare 並非浪得虛名,其中 R2 就是一款個人使用完全夠用的免費圖床服務。

image

假設上傳一張圖片 1MB,那麼 Cloudflare R2 免費額度一個月可以讓你上傳一萬張圖片,並且他人下載和訪問幾乎免費。

我現已將 cloudflare R2 設置為默認圖床,除配置時花了點時間學習,之後一馬平川,從付費到免費,流暢過渡。

Cloudflare R2 搭建#

我原本想要自己寫一個搭建過程,發現其他博主寫得已經非常詳盡,我按照教程一步步做,幾乎沒有阻礙。因此具體搭建過程,不再贅述。新手搭建請參考文章底部參考鏈接。

搭建配置過程中雖然簡單,但也遇到一些小問題,如果你遇到與我相似問題,不妨嘗試下面的解決方案。

圖片能上傳卻無法正確顯示#

二級域名可以在創建 Cloudflare R2 時填入,只要是在 Cloudflare 購買的域名,它會自動關聯 CHAME 目標。也就是說,當你配置 R2 自定義域時,只要填入對應二級域名,Cloudflare 自動幫你創建 CHAME 並且關聯到 R2。

其他教程中提及自定義域名,往往先創建好域名,再關聯。

image

遇到第一個卡點,Cloudflare R2 和 Piclist 配置好之後,圖片能正確上傳,卻無法正確顯示,即圖片上傳到 Cloudflare R2 後台,鏈接地址卻和本地獲得的地址不一致。

我發現鏈接中的 / 變成了 %,導致圖片未能正常顯示。

在 Piclist 配置中的自定義域名,需要將 https://img.lenband.com 改為 https://img.lenband.com/my-img

my-img 是哪來的?就是 R2 創建時存儲桶的名稱。

image

image

Tinypng 圖片壓縮插件#

正確配置完圖床,順帶手安裝了一個 Tinypng 插件,它能夠把圖片保持清晰的同時壓縮體積,原理通過在線 Tinypng API 調用,將上傳圖片壓縮轉置。

啟動這個插件之後,上傳圖片時明顯卡頓,如果稍微慢點倒也沒關係,問題是今天我上傳一個 4MB 左右 GIF 時,直接報錯。於是我關閉了這個插件。

因為,我找到了另外一個圖片優化方案。

WebP Cloud 智能圖片優化代理服務#

WebP Cloud 可以在幾乎不改變畫質的情況下大幅縮小圖片體積,加快整體站點加載速度,且有智能代理緩存功能。

類似像呼叫轉移操作,當你呼叫 cloudflare R2 時,WebP Cloud 幫你中轉,中轉過程它幫你優化圖片。

上傳圖片 → cloudflare R2 → WebP Cloud 優化圖片 → 獲得圖片

設置簡單,將 cloudflare R2 自定義域名,例如:https://img.lenband.com/my-img 填入 WebP Cloud,將代理之後的鏈接填入 Piclist 配置。

免費用戶每天有 2000 免費配額,即能夠代理 2000 次圖片訪問請求,並提供 100M 圖片緩存,個人博客使用的話,夠用了。

image

在我上傳本篇文章發現問題,當我使用 WebP Cloud 中轉後的圖片外鏈,博客平台完美支持。但複製到國內微信公眾號和知乎,圖片會丟失。知乎直接報錯。

image

於是我又將配置改回 Cloudflare R2 自定義域名,即不使用 WebP Cloud 圖片優化處理。微信公眾號能夠識別,知乎依然無法識別。

解決辦法:微信公眾號發布之後,使用 Chrome 插件「同步助手」 → 知乎。

有人說,為什麼要這麼折騰。因為,沒錢。

Cloudflare 免費項目還有很多,比如免費博客搭建,R2 圖片儲存服務,域名重定向,免費 DNS 服務,電子郵件路由服務,以及針對 DDoS 攻擊的免費保護。賽博活菩薩之名由此而來。

參考鏈接#

Cloudflare R2 + WebP Cloud + PicGo
https://www.pseudoyu.com/zh/2024/06/30/free_image_hosting_system_using_r2_webp_cloud_and_picgo/

使用 cloudflare R2 搭建個人圖床
https://www.lihuanyu.com/%E8%BF%90%E7%BB%B4/%E4%BD%BF%E7%94%A8cloudflare-R2%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%9B%BE%E5%BA%8A/

利用 Cloudflare R2 存儲搭建博客圖床
https://ysicing.me/cloudflare-r2

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。