CloudFlare R2图床

CloudFlare R2对象存储每月有10GB的免费存储,100万次的A类操作(写入),1000万次的B类操作(读取),用来作博客的图床绰绰有余。

1、创建R2对象存储

从CloudFlare主页进入到R2对象存储,点击创建存储桶,存储桶名称随便填写。

cloudflare-tu-chuang-01.png

2、创建Workers KV来存储网页数据

从CloudFlare主页进入存储和数据库 -> KV,点击Create Instance,命名空间名称随便填写。

3、Fork网页项目CloudFlare-ImgBed

网页项目地址:CloudFlare-ImgBed

Fork到自己的仓库就可以了。

4、Cloudflare Pages部署网页项目

CloudFlare主页 -> 计算(Workers) -> Workers和Pages

创建Pages,选择导入现有Git存储库(自己完成Github认证),选择Fork的仓库。只需要填写构建命令npm install

cloudflare-tu-chuang-02.png

5、配置网页项目

自定义域绑定访问域名即可。点击设置,选择绑定,添加创建的KV和R2。

KV变量名称:img_url

R2变量名称:img_r2

选择变量和机密,添加环境配置。

BASIC_USER:管理员用户名

BASIC_PASS:管理员登录密码

AUTH_CODE:前端验证码

更多设置查看:CloudFlare-ImgBed

6、重新部署项目

重新部署完成后就可以访问网页进行上传了。