本文原载于作者[链接登录后可见],因内容优秀特此分享。若有不妥之处,烦请联系管理员处理,感谢原作者的精彩创作
项目地址:[链接登录后可见]
一、准备工作
- 注册并登录 Cloudflare 账号
- 准备一个已经托管在 Cloudflare 的域名(如果没有,先添加域名至 Cloudflare)
二、创建 R2 存储桶
- 在 Cloudflare 控制面板左侧菜单找到 R2
- 点击 创建存储桶
- 输入存储桶名称(如:
images
)
- 选择最近的数据中心位置
- 点击 创建存储桶
三、创建 Workers
- 在控制面板左侧菜单找到 Workers 和 Pages
- 点击 创建应用程序
- 选择 Workers
- 输入名称(如:
image-upload
)
- 选择 HTTP 处理程序
- 点击 部署
四、配置 Workers
- 进入刚创建的 Workers
- 点击 快速编辑
- 将项目中的
worker.js
代码复制粘贴进编辑器
- 点击 保存并部署
五、绑定 R2 存储桶
- 进入 Workers 详情页,点击 设置
- 切换到 变量 选项卡
- 在 R2 存储桶绑定 中:
- 变量名填写:
R2_BUCKET
- 选择刚创建的存储桶
- 点击 保存并部署
六、配置自定义域名
- 在 Workers 页面点击 触发器
- 点击 添加自定义域
- 输入子域名(如:
img.example.com
)
- 根据提示配置 DNS 记录
- 等待 DNS 生效
七、生成 API Token
- 回到 设置 -> 变量
- 在 环境变量 区域:
- 变量名:
UPLOAD_API_TOKEN
- 值:一个强随机字符串(可用密码生成器)
- 勾选“加密”
- 点击 保存并部署
八、安装浏览器脚本(适用于上传体验)
- 安装 [链接登录后可见] 扩展插件
- 创建新脚本,将
ganba.de-cf.js
的代码粘贴进去
- 点击“文件”->“保存”
- 配置脚本参数:
- API 地址:
https://你的workers域名/api
- API Token:填写第七步设置的
UPLOAD_API_TOKEN
九、使用说明
支持操作:
支持格式:
上传成功后自动插入图片链接,支持以下格式:
- Markdown
- BBCode
- HTML
- 富文本
- 纯 URL
十、注意事项
- R2 存储免费额度为每月 10GB,超出需付费
- Workers 每日有 100,000 次免费请求额度
- 推荐设置强随机密码作为 API Token
- 单张图片大小限制:50MB
- 建议定期清理无用图片节省存储
如有任何问题,欢迎提 Issues 或交流!