利用Cloudflare免费搭建个人图床（支持视频/文件）

🎉基于R2储存的图床/视频床/文件床项目已完成，欢迎部署测试👉JSimages

介绍

基于 Cloudflare Worker 和 Pages 以及TG_BOT的图床/视频床/文件床服务

功能特点

  • 可选的访客验证功能
  • 可选的图片压缩功能（默认开启）
  • 可选的文件大小限制（默认20MB）
  • 支持查看本地历史记录
  • 支持所有文件格式上传
  • 支持多文件上传和粘贴上传
  • 支持批量操作和显示上传时间
  • Cloudflare Cache API 缓存支持
  • 基于 Telegram Bot API 的文件存储

部署步骤

1. 变量说明

需要在 Cloudflare Workers 中配置以下环境变量:

变量名 说明 必填 示例
DOMAIN 自定义域名 是 example.workers.dev
DATABASE D1 数据库绑定变量名称 是 DATABASE
TG_BOT_TOKEN Telegram Bot Token 是 123456789:ABCdefGHIjklMNOpqrsTUVwxyz
TG_CHAT_ID Telegram 频道/群组 ID 是 -xxxxxxxxxxxxx
USERNAME 管理员用户名 是 admin
PASSWORD 管理员密码 是 password(自己的密码)
ADMIN_PATH 管理后台路径 是 admin
ENABLE_AUTH 访客验证（设置为 true 开启，不设置或设置为 false 则关闭） 否 false
MAX_SIZE_MB 单文件最大支持大小（单位：MB，默认值为 20） 否 20

2. 创建 Telegram Bot

  1. 在 Telegram 中找到 @BotFather
  2. 发送 /newbot 命令创建新机器人
  3. 按照提示设置机器人名和用户名
  4. 保存获得的 Bot Token (格式为123456789:ABCdefGHIjklMNOpqrsTUVwxyz)
    • 这个 Token 将用作环境变量 TG_BOT_TOKEN

3. 创建 Telegram 频道或群组

  1. 创建一个新的频道或群组
  2. 将你的 Bot 添加为管理员
  3. 获取频道/群组 ID：
    • 发送频道内的任意消息给 @getidsbot
    • 在 Origin chat 下找到对应的 ID (格式为 -100xxxxxxxxxx)
    • 这个 ID 将用作环境变量 TG_CHAT_ID

4. 创建 D1 数据库

  1. 登录 Cloudflare Dashboard
  2. 进入 Workers & Pages → D1 SQL 数据库
  3. 点击 创建 创建数据库
    • 数据库名称可自定义，例如images
    • 建议选择数据库位置为 亚太地区，可以获得更好的访问速度
  4. 创建数据表:
    • 点击数据库名称进入详情页
    • 选择 控制台 标签
    • 执行下 SQL 语句:
1
2
3
4
CREATE TABLE media (
    url TEXT PRIMARY KEY,
    fileId TEXT NOT NULL
);

5. 创建 Worker

  1. 进入 Workers & Pages
  2. 点击 创建
  3. 选择 创建 Worker
  4. 为 Worker 设置一个名称
  5. 点击 部署 创建 Worker
  6. 点击继续处理项目

6. 配置变量和机密

  1. 在 Worker 的 设置 → 变量和机密 中
  2. 根据需要逐个点击 添加 添加以下变量
    • DOMAIN
    • TG_BOT_TOKEN
    • TG_CHAT_ID
    • USERNAME
    • PASSWORD
    • ADMIN_PATH
    • ENABLE_AUTH（可选）
    • MAX_SIZE_MB（可选）
  3. 点击 部署

7. 绑定数据库

  1. 在 Worker 设置页面找到 设置 → 绑定
  2. 点击 添加 添加以下变量名称
    • DATABASE
  3. 点击 部署

8. 绑定域名

  1. 在 Worker 的 设置 → 域和路由
  2. 点击 添加 → 自定义域
  3. 输入你在Cloudflare绑定的域名
  4. 点击 添加域
  5. 等待域名生效

9. 部署代码

  1. 进入你的worker项目 → 点击编辑代码
  2. 将 _worker.js 的完整代码复制粘贴到编辑器中
  3. 点击 部署

部署步骤参考：

⚠️ 以下图片里的仅供参考，Cloudflare 面板可能会更新，具体操作请以上方文字教程为准。

💡另外可以参考 nodeseek用户@sdo888的图文教程

Worker 部署示例

1、初始化数据库

image

image

image

image

image

2、创建worker

image

image

3、设置自定义域名

image

image

image

image

image

4、设置变量

image

5、将_worker.js中的代码复制粘贴到编辑器中

image

image

6、点击部署即可

image

Pages部署教程：

1、初始化数据库

image

image

image

image

image

2、部署到pages

image

  • 2.1 下载_worker.js，打包成zip上传到pages

image

  • 2.2 通过fork本仓库部署到pages
    image
    image

3、设置变量

image

4、设置自定义域名。

image

image

image

5、重新部署生效刚刚配置的自定义域名和变量

image

image

image