从零开始搭建你的免费图床系统(Cloudflare R2 + WebP Cloud + PicGo)

从零开始搭建你的免费图床系统(Cloudflare R2 + WebP Cloud + PicGo)

💡 原文中文,约6300字,阅读约需15分钟。
📝

内容提要

本文介绍了作者搭建博客图床系统的解决方案,包括使用GitHub和jsDelivr CDN、转向阿里云OSS以及选择Chevereto和PicGo搭建图床系统。最终作者选择了Cloudflare R2和WebP Cloud作为图床方案,并通过PicGo进行上传和配置。

🔎

延伸解读

图床方案迭代的教训

作者从GitHub+jsDelivr、阿里云OSS、Chevereto自部署到最终选择Cloudflare R2+WebP Cloud,经历了多次方案更替。其中,jsDelivr因DNS污染导致图片无法加载,阿里云OSS成本随流量上涨且需备案,Chevereto自部署则因服务器故障导致数据无法导出。这些经历提醒读者,图床方案需综合考虑稳定性、成本、合规性和数据安全,避免过度依赖单一服务。

Cloudflare R2的免费额度与限制

Cloudflare R2提供每月10 GB的免费存储容量,适合个人博客使用。但开通R2需要绑定信用卡进行身份验证,虽不扣费但需注意。此外,R2的公共访问需开启R2.dev子域或绑定自定义域名,自定义域名需通过Cloudflare管理DNS。对于国内用户,R2的访问速度可能不如阿里云OSS,但胜在免备案且免费。

WebP Cloud的优化与用量策略

WebP Cloud作为图片代理服务,能大幅压缩图片体积并提升加载速度。免费用户每天有2000次代理请求和100M缓存,超出后请求会301重定向到源站,图片仍可访问但未经优化。作者博客日访问量300-500,但请求数达4000-5000,因此选择了Lite计划。读者需根据自身流量评估免费额度是否足够,必要时可购买额外Quota。

PicGo配置中的关键细节

使用PicGo上传到R2需安装S3插件,并正确填写Access Key ID、Secret Access Key、桶名、自定义节点和自定义域名。其中自定义节点为R2的S3 Endpoint,自定义域名需填写R2.dev子域或绑定的自定义域名。若后续使用WebP Cloud代理,需将PicGo中的自定义域名改为WebP Cloud的代理地址,以确保博客中引用的是优化后的链接。

❓

Q&A

如何搭建一个免费的图床系统?

可以使用Cloudflare R2、WebP Cloud和PicGo进行搭建,Cloudflare R2提供免费对象存储,WebP Cloud用于图片优化,PicGo则用于图片上传和配置。

为什么选择Cloudflare R2作为图床方案?

Cloudflare R2提供每月10GB的免费存储,适合个人使用,并且不需要备案,数据安全性高。

PicGo在图床搭建中起什么作用?

PicGo是一个用于快速上传图片并获取URL的工具,支持多种图床服务,简化了图片上传和管理的过程。

使用WebP Cloud有什么好处?

WebP Cloud可以在不显著降低画质的情况下大幅缩小图片体积,加快网站加载速度,并提供缓存和水印等功能。

搭建图床时遇到的主要问题是什么?

主要问题包括DNS污染导致的图片无法加载、阿里云OSS的成本上升以及自部署服务的稳定性问题。

如何配置Cloudflare R2的存储桶?

在Cloudflare R2中创建存储桶时,需要填写存储桶名称并选择位置,完成后即可上传文件。

🏷️

标签

➡️

继续阅读