CloudFlare R2图床
CloudFlare R2对象存储每月有10GB的免费存储,100万次的A类操作(写入),1000万次的B类操作(读取),用来作博客的图床绰绰有余。
1、创建R2对象存储
从CloudFlare主页进入到R2对象存储,点击创建存储桶,存储桶名称随便填写。

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。

5、配置网页项目
自定义域绑定访问域名即可。点击设置,选择绑定,添加创建的KV和R2。
KV变量名称:img_url
R2变量名称:img_r2
选择变量和机密,添加环境配置。
BASIC_USER:管理员用户名
BASIC_PASS:管理员登录密码
AUTH_CODE:前端验证码
更多设置查看:CloudFlare-ImgBed
6、重新部署项目
重新部署完成后就可以访问网页进行上传了。