CloudFlare创建免费图床(R2存储桶)

CLoudFlare R2 免费用户有10GB/月的存储额度,对于小网站基本足够。这篇文章介绍,怎么利用CloudFlare R2存储桶的功能, 为图片找个免费图床,并且自带免费的CDN缓存,并且国内国外都能顺畅访问。

什么是图床?

图床就是将图片上传到相关服务商或者个人服务器,通过上传文件的网络地址进行远程访问。可以方便快速的将图片插入到文章中,方便后续图片二次使用、迁移、分享。

CloudFlare R2存储桶

CLoudFlare R2 免费用户有10GB/月的存储额度(30天内每天储存峰值的平均值),对于小网站基本足够,超额的存储是$0.015/GB/月。
其实不仅可以存储图片,也能存储视频或其他文件。

CloudFlare创建免费图床(R2存储桶)

●标准储存:日常存储容量前10GB/月免费(30天内每天储存峰值的平均值)
●Daily Class A Transactions Caps:日常B类事务前100万次免费(A类事务包括下载、获取文件)
●Daily Class B Transactions Caps:日常A类事务前1000万次免费(B类事务包括创建存储桶、列举存储桶、列举文件版本、列举Keys)

CloudFlare创建免费图床(R2存储桶)

前置条件

1、 有一个域名
2、 将域名 DNS 解析托管到 cloudflre
3、 有一张信用卡,R2是要求信用卡的,即使是免费套餐。国内的visa/master 卡都行,银联的不行。

CloudFlare创建免费图床(R2存储桶)

注意,超过限额后,CloudFlare 会直接从信用卡上扣钱。

创建R2存储桶

1、创建存储桶

CloudFlare创建免费图床(R2存储桶)

如果没有绑定信用卡,右侧屏幕会提示你绑定信用卡。
绑定完信用卡后,可以点击创建存储桶。

CloudFlare创建免费图床(R2存储桶)
CloudFlare创建免费图床(R2存储桶)

2、自定义图床域名

CloudFlare创建免费图床(R2存储桶)
CloudFlare创建免费图床(R2存储桶)
CloudFlare创建免费图床(R2存储桶)

继续之后,点连接域,会自动生成dns记录。

CloudFlare创建免费图床(R2存储桶)

之后就能浏览器 https://<自定义域名>/<文件名>访问存储桶里的文件了。

3、缓存设定

缓存规则一般设定两个:浏览器缓存和边缘缓存。
浏览器缓存:访问后,所需文件储存在浏览器的本地目录,在一段时间内,再次访问优先访问本地文件
边缘缓存:访问后,缓存在最近的CDN存一份,在一段时间内,优先访问CDN中的文件

进入域名页面->规则->页面规则

CloudFlare创建免费图床(R2存储桶)

创建页面规则

CloudFlare创建免费图床(R2存储桶)

URL 填 amazing.cpw5.top/* ,这里填你自己的URL。
添加设置:缓存级别 – 缓存所有内容
添加设置:浏览器缓存 TTL – 几个小时自己选(8小时)
添加设置:边缘缓存 TTL – 一个月(图片内容只有存在或者删除两个状态,所以越长越好)
保存。此时如果有人刷流量,理论上图片都是本地缓存或者CDN缓存给的,不会走到R2对象存储。

CloudFlare创建免费图床(R2存储桶)

4、 防盗链设置(谨慎启用)

只能通过指定的网站来访问(防君子不防小人,可以伪造refer信息,照样刷流量)。但是还是有点作用,比如别人爬取文章盗用的时候,图片是无法访问的。
安全性->WAF,创建规则

CloudFlare创建免费图床(R2存储桶)
CloudFlare创建免费图床(R2存储桶)
CloudFlare创建免费图床(R2存储桶)

5、设置 CORS 策略(可选)

一般不需要设置(出于安全考虑这里也不建议设置)。如果遇到 R2 作为博客图床,但是图片打不开的情况,浏览器的F12 控制台发现遇到 CORS 问题,则需要配置。

官方文档:https://developers.cloudflare.com/r2/buckets/cors/#add-cors-policies-from-the-dashboard

进入你想设置 CORS 的存储桶的设置,拉到下面:
配置为允许特定源
比如要设置为允许两个域名:
配置为所有网站源可访问(多平台文章引用)
配置为允许所有源

6、Web API

这个是给第三方程序使用的,如PicGo等,如果你只是手动上传图片,就不用设置。有api令牌就可以用软件(PICGO)自动上传图片了。

创建令牌

CloudFlare创建免费图床(R2存储桶)
CloudFlare创建免费图床(R2存储桶)
CloudFlare创建免费图床(R2存储桶)

记录这些令牌值(这些令牌值只显示一次)

CloudFlare创建免费图床(R2存储桶)

这样,接下来就能用PicGo来批量上传图片了。参见:PicGo 安装和配置上传CloudFlare R2存储桶 – 陈皮王五de杂记

原创文章,作者:Gary,如若转载,请注明出处:https://www.cpw5.top/551.html

淘宝小店:陈皮王五工作室

(0)
GaryGary
上一篇 2025-01-05 下午6:55
下一篇 2025-01-12 下午8:32

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

评论列表(1条)