Cloudflare Pages + R2 无服务器搭建图床

了解markdown好久, 总沉浸在各种工具, 图片存储格式的徘徊下, 总觉得图片存储是个大问题, 以后应该一劳永逸, 不会再折腾图床这一块了, 浅浅记录一次吧!

一、对比

1. 优势

  • 不需要服务器
  • 可以一键复制地址URL
  • 可以添加认证, 只有权限的人才可以上传

2. 劣势

  • 有一点折腾,但还是值得的
  • 在国外,国内访问可能有点慢

二、准备工作

  • Github账号
  • CloudFlare账户, 需要开通R2 数据桶权限(需要绑定信用卡)
  • 为了使图床有自定义的域名, 可以托管一个域名到CloudFlare

三、实际操作

  1. Github fork 此仓库
  2. Cloudflare 新建 R2 数据桶
  3. Cloudflare 新建 Pages , 选择连接到 Git,选择刚刚 fork 的仓库
  4. 编辑环境变量,保存并部署
BASE_URL=
COPY_URL=
NODE_VERSION=16.14.2
NPM_VERSION=8.14.0
AUTH_TOKEN='随便填写一个密码'
  1. 设置 --> 函数 --> R2 存储桶绑定
  2. 设置一个自定义域名

四、关联阅读

THE END