图床搭建指南

Cloudflare Imgbed免费自建图床

本来说使用Telegraph-Image来尝试部署的,结果部署完翻车了🙏🙏

86

刚好看到有Cloudflare Imgbed也可以部署,所以来尝试一下

本文需要使用 Github、Cloudflare

一、开始部署

添加仓库

1.先访问一下仓库并Fork项目

github.com

创建Pages项目

登录到你的 Cloudflare 控制台,选择左侧的 计算(Workers) > Workers & Pages

sshot-1

点击创建,进入后选择 Pages,选择导入现有Git存储库-开始使用

选择你刚刚Fork的仓库

sshot-2

选择后点击开始设置,开始配置项目

项目名称输入你自己的,或者保持原来

生产分支默认main

构建命令 npm install

构建输入目录保持默认sshot-3

然后点击 ‘保存并部署’,等待约2-3分钟

出现部署成功后即可,点击继续处理项目

image-20250802143136790

此时点击上面的链接呢可以进入网页,但是会提示“KV 数据库未配置”,稍后会进行配置

配置 KV 数据库

KV 数据库用于存储文件元数据,是必需的组件。

我们回到主页,在存储与数据库里找到 KV,点击进入

image-20250802143545047

然后选择上面的 + Create Instance

image-20250802143725322

在这里输入你的自定义名称后点击创建

创建完成后返回你的Pages项目

image-20250802143942388

来到设置 > 绑定 点击添加

sshot-8

选择KV命名空间,变量名称输入img_url和选择刚刚创建的KV空间,点击保存

sshot-9

注意

绑定 KV 时,变量名称必须为 img_url,这是项目预设的变量名,填错会出现无法进入管理界面等情况。

重新部署

我们回到部署,选择所有部署的 ... 重新部署

image-20250802145142816

等待重新部署完成后,这里就完成了项目在Cloudflare Pages的部署,此时你进去网站就能正常进入了,但是这里还没添加存储的渠道,我们接下来进行添加

二、存储渠道配置

这里需要你访问你的网站的管理后台 https://your-domain/dashboard,选择三条横杠 > 用户管理 > 上传设置

image-20250802145947752

这里以 Telegram 和 R2 两种方法来进行配置(因篇幅太长,这里选择折叠两个内容,你可以选择你需要的来进行配置)

本内容里面的Telegram的配置方法不保证能用,你能用的情况下就配置

Telegram方法

因为国内无法使用Telegram,这里需要一点魔法~没有的可以跳过选择R2了

这个方法需要获取机器人token和群聊id

打开 Telegram,在搜索栏输入@BotFather

进入后输入/start,在弹出来的消息中选择/newbot

image-20250802150901964

输入机器人的名字,发送

接着输入以_bot结尾的id号,我这里以imgbed3_bed来输入,输入完成后你会获得你的机器人链接和token,保存好token

image-20250802151525049

获取到token后,新建一个群聊,把你和机器人拉进去,并设置机器人为管理员

创建完成后来获取群聊id,这里找到机器人@Get ID bot ,将它邀请进群聊

输入/my_id@get_id_bot,发送后机器人会发送给你群聊的id 以-xxxxxxx

image-20250802151935831

将以上的token和群聊id获取到后,回到管理后台,点击+号

image-20250802152259847

名称输入值
渠道名自定义名称
Bot Token刚刚获取到的机器人token
Chat ID刚刚获取到的群里ID

输入完成后,点击保存设置即可

R2方法

因为服务器部署时默认添加了Cloudflare R2存储方式,如果你有的话直接绑定就可以了

我们回到 Cloudflare 主页

找到R2对象存储,点击+创建存储桶

image-20250802154407396

填写存储桶名称,位置选择自动,位置选择亚太地区(APAC),默认存储类选择标准,点击创建存储桶

image-20250802154634964

创建完成后回到Pages项目,在刚刚添加绑定的地方将R2存储桶绑定上就可以了,名称必须得是img_r2

image-20250802155157317

配置完成后回到图床网页尝试上传图片

image-20250802160306813

提示上传成功,图片也出现链接能正常访问即可

配置到这里结束了,你可以去配置自定义域了

因为篇幅太长了,其他的配置方法(比如网址信息和后台密码等)详见配置文档