Cloudflare Workers 图床部署教程

#项目地址
https://github.com/622cc/cf-picup

Cloudflare Workers 图床部署教程

一、准备工作

1. 注册并登录 Cloudflare 账号
2. 准备一个已经托管在 Cloudflare 的域名(如果没有,需要先将域名添加到 Cloudflare)

二、创建 R2 存储桶

1. 在 Cloudflare 控制面板左侧菜单找到 R2 选项
2. 点击 创建存储桶
3. 输入存储桶名称(例如: images)
4. 选择最近的数据中心位置
5. 点击 创建存储桶 完成创建

三、创建 Workers

1. 在 Cloudflare 控制面板左侧菜单找到 Workers 和 Pages
2. 点击 创建应用程序
3. 选择 Workers
4. 输入 Workers 名称(例如: image-upload)
5. 选择 HTTP 处理程序
6. 点击 部署 创建 Workers

四、配置 Workers

1. 创建完成后,点击刚创建的 Workers
2. 点击 快速编辑
3. 将之前提供的 worker.js 代码完整复制粘贴到编辑器中
4. 点击 保存并部署

五、绑定 R2 存储桶

1. 在 Workers 详情页面,点击 设置
2. 找到 变量 选项卡
3. 在 R2 存储桶绑定 部分:
   • 变量名称填写: R2_BUCKET
   • 选择之前创建的存储桶
4. 点击 保存并部署

六、配置自定义域名

1. 在 Workers 详情页面,点击 触发器
2. 点击 添加自定义域
3. 输入域名(例如: img.example.com)
4. 按照提示完成 DNS 记录配置
5. 等待域名生效

七、生成 API Token

1. 在 Workers 详情页面,点击 设置
2. 找到 变量 选项卡
3. 在 环境变量 部分:
   • 变量名称填写: UPLOAD_API_TOKEN
   • 值填写一个随机字符串(建议使用安全的随机生成器生成)
   • 加密选项打开
4. 点击 保存并部署

八、安装浏览器脚本

1. 安装 Tampermonkey 浏览器扩展
2. 点击 Tampermonkey 图标,选择 创建新脚本
3. 将之前提供的 ganba.de-cf.js 代码完整复制粘贴
4. 点击 文件 -> 保存
5. 在任意网页点击 Tampermonkey 图标
6. 点击 ⚙️ 设置
7. 配置:
   • API 地址: https://你的workers域名/api
   • API Token: 填入之前设置的 UPLOAD_API_TOKEN 值

九、使用说明

1. 在任意支持的编辑器中:
   • 可以直接粘贴图片
   • 可以拖拽图片
   • 支持的图片格式: JPG、PNG、GIF、WebP
2. 上传成功后会自动插入对应格式的图片链接
3. 支持的链接格式:
   • Markdown
   • BBCode
   • HTML
   • 富文本
   • 纯 URL

十、注意事项

1. R2 存储有免费额度(每月 10GB),超出需付费
2. Workers 也有免费额度(每天 100,000 请求),超出需付费
3. 建议设置强密码作为 API Token
4. 图片大小限制为 50MB
5. 建议定期清理不需要的图片以节省存储空间

如有任何问题,欢迎随时询问!