完全免费，图文教程手把手教你使用cloudflare搭建一个无限空间的私人图床支持身份认证与成人元素鉴定！

type

status

date

slug

summary

关于本项目

项目仓库（点击跳转）

前端仓库（点击跳转）

作者博客（点击跳转）

本项目是 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 仓库

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

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

② 在 cf pages 部署此仓库

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

点击上方的 “创建”

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

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

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

下一步中在 “构建命令” 处填写 npm install，划到下面点击 “保存并部署即可”

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

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

③ 配置自定义域名与 KV 数据库

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

点击左侧栏中的 “KV”（在存储和数据库 Storage & Databases 菜单下）

点击 “创建命名空间”

名称为 “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 的前置后面会讲到	ㅤ