Cloudflare R2 - 免费图床

前言

之前看了一篇文章,关于介绍 Cloudflare R2 来搭建图床的方案,主要是白嫖 Cloudflare 的空间和 cdn 服务。我现在博客 DevNow 的 CDN 使用的是七牛云,偶尔还是有一点点的支出。

虽然不多,但是吧,看到有白嫖的方案,还是蠢蠢欲动,这不今天就来试着弄下看看。

1. 注册Cloudflare账号

先简单介绍下 Cloudflare 是一家提供网络安全和性能优化服务的公司。它的主要功能包括内容分发网络(CDN)、分布式拒绝服务攻击(DDoS)防护、互联网安全和优化,以及域名系统(DNS)服务。

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

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

2. 绑定域和解析DNS

在左侧网站面板中添加一个域名,由于我的 blog 域名已经在腾讯云上买完了,这里主要将 DNS 解析服务迁移到 Cloudflare

如果不是 DNS 解析不是 Cloudflare 的话,状态这里会显示让你去切换。我这里用腾讯云来举例子,具体步骤如下:

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

2.2 然后点击修改 DNS 解析

2.3 这里我们把默认的 DNSPod 切换到 自定义DNS,然后填写对应的地址就好

下边这两个地址可以在 Cloudflare 中找到,填上就好,然后等待,快的话几分钟就好,好了之后 Cloudflare 会发送邮件通知,如下,这个时候表示已经成功解析过来了。

2.4 这个时候再回到网站这里发现状态已经成功变成活动了

3. 开通R2服务

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

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

配置一个自定义域名,后边可以通过这个访问。

到这里基于 R2 的对象存储服务就基本完事了。后续就可以在存储桶中存储对象了。

4. 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 名称,如我上文的 yu-r2-test
  • 文件路径 ,上传到 R2 中的文件路径,我选择使用 {fileName}.{extName} 来保留原文件的文件名和扩展名。
  • 自定义节点 ,填写 R2 API 中的「为 S3 客户端使用管辖权地特定的终结点」,即 xxx.r2.cloudflarestorage.com 格式的 S3 Endpoint
  • 自定义域名 ,填写上文生成的 xxx.r2.dev 格式的域名或自定义域名,如我配置的 https://r2.laughingzhu.cn

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

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

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

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

我用的是 compress-next

有很多模式可以配置,我这里选的是 webp-converter

我主要是希望通过转换 webp 来优化图片加载。安转完记得进行默认配置:

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

到这里我 blog 整体的静态资源已经从七牛云迁移到 Cloudflare R2 服务了,开始白嫖的日子了,舒服😊。

原文链接:Cloudflare R2 - 免费图

相关推荐
A洛2 个月前
Cloudflare Pages 部署 Next.js 应用教程
开发语言·github·nextjs·cloudflare·cloudflarepages
LaughingZhu2 个月前
Cloudflare D1 - 免费数据存储
cloudflare·devnow
武穆逸仙5 个月前
基于Cloudflare/CloudDNS/GitHub使用免费域名部署NewBing的AI服务
人工智能·cloudflare·bingai·workers
羽化半径7 个月前
使用cloudflare之后IP不对的问题
服务器·nginx·cloudflare·matomo
ai使用测评7 个月前
Cloudflare是什么?有什么用途?怎么购买
cloudflare
风屿Wind9 个月前
1Panel CloudFlare证书申请失败的解决方案
ssl·1panel·cloudflare
guo_zhen_qian1 年前
如何在Cloudflare创建自己的反向代理
github·cloudflare·openai反向代理
encoderlee1 年前
直连ChatGPT,终于可以从大陆直接访问OpenAI的API端口了
chatgpt·openai·cloudflare
嗨客递锅1 年前
爬虫:绕过5秒盾Cloudflare和DDoS-GUARD
爬虫·python·cloudflare·5秒盾