Cloudflare R2图床搭建指南

之前阅读了一篇介绍如何利用Cloudflare R2搭建图床的文章，主要是充分利用Cloudflare的空间和CDN服务。我目前博客DevNow的CDN使用的是七牛云，偶尔还需要支付一些费用。

虽然费用不多，但是看到有免费的方案，还是心动不已，因此决定尝试一下。

注册Cloudflare账号

Cloudflare是一家提供网络安全和性能优化服务的公司。其主要功能包括内容分发网络（CDN）、分布式拒绝服务攻击（DDoS）防护、互联网安全和优化，以及域名系统（DNS）服务。

Cloudflare R2是Cloudflare提供的对象存储服务。类似于亚马逊的S3（Simple Storage Service），但有一个显著的区别：Cloudflare R2不收取出站带宽费用。这意味着用户在从存储中检索数据时不会额外收费，对于需要大量传输数据的应用来说是一个很大的优势。

R2允许用户存储和管理大量的非结构化数据，比如图片、视频、备份文件等。它与Cloudflare的全球网络集成，提供了快速、安全的内容交付，适合需要高效、可靠的存储和分发解决方案的企业。R2还支持与现有的S3 API兼容，方便那些已经在使用S3的用户迁移或扩展到Cloudflare R2。

绑定域和解析DNS

在左侧网站面板中添加一个域名。由于我的博客域名已经在腾讯云上购买，这里主要是将DNS解析服务迁移到Cloudflare。

如果DNS解析不在Cloudflare上，状态将显示需要切换。我在这里以腾讯云为例，具体步骤如下：

2.1 在腾讯云域名菜单下点击对应域名管理

2.2 然后点击修改DNS解析

2.3 这里我们把默认的DNSPod切换到自定义DNS，并填写相应的地址

这两个地址可以在Cloudflare中找到。填写完毕后等待几分钟，Cloudflare会发送邮件通知，表示已成功解析过来。

2.4 回到网站后，状态显示已成功变成活动

开通R2服务

通过左侧菜单导航进入R2的服务。开通前需要绑定信用卡，支持Visa，方便后续对于超出免费额度或者开启一些收费服务。开通后即可创建存储桶：

创建后可以进入桶的详情面板：

配置一个自定义域名，后续可以通过这个访问。到这里基于R2的对象存储服务就基本完成。后续可以在存储桶中存储对象。

PicGo配置R2上传服务

为了简化上传图片的工作流，我使用基于PicGo的上传方式，可以通过复制和URL进行上传。这里主要记录下如何配置上传到R2服务的过程。

R2是兼容S3格式的，因此直接配置S3，插件里搜索S3的插件，安装即可：

在「插件设置」中选择安装，「图床设置」中新增了Amazon S3选项。点击进入配置选项。

这里有几项配置需要特别注意：

• 应用密钥ID ，填写R2 API中的Access Key ID（访问密钥ID）
• 应用密钥 ，填写R2 API中的Secret Access Key（机密访问密钥）
• 桶名 ，填写R2中创建的Bucket名称
• 文件路径 ，上传到R2中的文件路径，我选择使用{fileName}.{extName}来保留原文件的文件名和扩展名
• 自定义节点 ，填写R2 API中的S3 Endpoint
• 自定义域名 ，填写生成的域名或自定义域名，如我配置的https://r2.laughingzhu.cn

上述秘钥信息在Cloudflare R2的服务中可以找到：

创建一个新的API令牌，完成后即可看到相关秘钥，安装对应关系填入即可：

其他配置保持默认即可，确认参数无误后点击「确定」与「设置为默认图床」即可。

PicGo增加自动压缩和转webp插件

我使用的是compress-next。有许多模式可以配置。我选择了webp-converter。

我主要是希望通过转换webp来优化图片加载。安装完毕后进行默认配置：

然后启用即可，上传图片即可转换为webp格式上传到R2服务。

到这里，我的博客静态资源已经从七牛云迁移到Cloudflare R2服务，开始免费使用，感觉舒适?。

原文链接： Cloudflare R2 - 免费图