手把手教你搭建基于cf与telegraph的免费图床

Linus Jhon2024-10-172024-10-22

注意！！！如果你之前部署过此项目，现在一定要更新一下最新版本

关于本项目

本项目是 Telegraph-Image 的重制版

这个项目为你提供了一个不限容量不限数量的图床 + cdn 服务

图片存储在 telegraph 的服务器上由 cloudflare 提供全球 cdn 服务

基于 cloudflare pages 完全免费（现在 page 不限制额度了和 worker 分开了）

支持图片审查 API，可自动屏蔽不良图片

可以自定义域名（也可以使用 cf 分配的 *.page.dev 但好像墙了可以用其他 dns 的域名）获取域名可以看

该项目在原项目的基础上加以完善特色功能如下

前后端全部开源整体部署简单；

添加了身份认证（解决了原项目的一个大问题，防止滥用）；

突破 5mb 的上传限制（超过了会自动压缩）；

流畅丝滑的过渡动画；

多种上传方式（拖拽，选择文件，粘贴等）；

多样化复制方式（可直接复制 html，BBCode，MarkDown 语句）；

可以自定义页面，网站名称与 logo，满足更多自定义需求；

增加了随机图 api；

更多的欢迎大家自行探索

界面图

图床速度体验（点击跳转）

开始之前，要先理解两个概念：

1.telegram 著名的通讯软件

2.telegraph 由 telegram 推出的匿名图片托管平台（现在不匿名了）

实操部署

部署此项目首先需要拥有一个 GitHub 账号（点击跳转）和一个 cloudflare 账号（点击跳转）以及 Telegram 账号

Telegram 配置

自 9.8 起由于 telegraph 图床被滥用该项目上传渠道已切换至 Telegram Channel

这里需要获取到**TG_BOT_TOKEN和TG_CHAT_ID**这两个值后续有用（必须的！！）

首先需要一个 telegram 账号软件直接去 Google Play 或者官网（t.me）下载即可

我用的 177 电信卡 + 86 能正常收到验证码

这边我用电脑版做演示手机版一样的

获取 TG_BOT_TOKEN

在搜索框中搜索 “**@BotFather**” 注意前面有个机器人的标志和后面的认证千万别点错了！！！

第一次使用点开对话后点击 “开始”

按图中进行配置

获取 TG_CHAT_ID（频道 ID）

在 telegram 中打开左侧的二级菜单（三道杠）打开新建频道（Manage Channel）

频道的名字随便起后面都跳过就行

完成创建后找到 “管理频道”

在菜单中找到 “管理员（Administrators）”

菜单中点击 “添加管理员”

将刚才创建的机器人也设为管理员（注意搜索时要 @刚才设置的用户名别填加错了）

权限默认的就可以

完成后首页搜索 “**@VersaToolsBot**”

回复 /start 然后再你刚才创建的频道里随便发一条消息并将消息转发到 @VersaToolsBot（如图）

在频道中发送的

刚才发的消息转发到 @VersaToolsBot

保留好这两个值，后面会用到

cloudflare 配置

首先打开该项目仓库（点击跳转）点击 “Fork”（如果你认可此项目可以点击旁边的 starts 以支持作者）

此页面不用动任何设置直接点击 “Create fork” 即可

成功创建 fork 后来到 cloudflare 登录你的账号并打开仪表盘点击侧边栏中的 “Workers 和 Pages”

点击上方的 “创建”

选到 “Pages” 一栏，点击 “连接到 Git”

在打开的第一个页面点击 “连接到 GitHub” 随后会跳转到 GitHub 进行授权选到 “All repositories”（该选项是默认的啥也不用动就好）

完成授权后会回到 cf 的选择存储库的界面（如下图），选择刚才 fork 的仓库后点击 “开始设置”

下一个界面啥也不用动，直接划到下面点击 “保存并部署即可”

出现下图即部署完成，点击 “继续处理项目”

到此，最基本的已经部署好了，下面是设置认证码与后台管理的账号密码

点击 “自定义域” 添加一个你自己的域名（域名不是必须在 cf 中在其他的 dns 中也行但是还要额外配置比较麻烦）

点击左侧栏中的 “KV”（在 Workers 和 Pages 菜单下）

点击 “创建命名空间”

名称为 “*img_url*” 点击 “添加”

完成添加后回到 page 的界面点击 “设置” 后点击 “变量与机密”

找到 “绑定” 一栏点击 “添加” 在弹出的页面中找到 “KV 命名空间”

“变量名称” 填写 “***img_url***”

“KV 命名空间 “选择刚才创建的 KV “*img_url*” 完成后点击保存

在绑定的上面找到 “变量与机密” 一栏点击右侧的 “添加”

添加 “环境变量”

在这里有些常用环境变量可以添加如下表

变量名称	作用	是否推荐
TG_CHAT_ID	telegram 频道 ID	必须
TG_BOT_TOKEN	telegram 机器人 token	必须
BASIC_USER	后台管理的账户名	推荐
BASIC_PASS	后台管理的密码	推荐
AUTH_CODE	前台的认证码	强烈推荐防止他人滥用
ModerateContentApiKey	图片审查 api 怎么用后面会讲到这里是填获取的 api
ALLOWED_DOMAINS	防盗链访问域名限制多个允许的域名用英文 `,` 分割，如：`域名.com,域名2.top`	没必要反正流量无限的速度也不受影响还可能造成自己的不便
AllowRandom	随机图 api 的前置后面会讲到