初步介绍

本项目是 Telegraph-Image 的重制版,

  • 项目图片存储在 telegraph 的服务器上,支持图片审查 API,可自动屏蔽不良图片;
  • 项目由 cloudflare 提供全球 cdn 服务,基于 cloudflare pages 执行,可自定义域名;
  • 项目支持身份认证和多种上传方式(拖拽,选择文件,粘贴等),图片突破 5mb 的上传限制;
  • 项目的自定义程度极高,可自定义页面,网站名称与 logo,过渡动画流畅丝滑
  • 作者博客(点击跳转)
  • 前端仓库(点击跳转)
  • 项目仓库(点击跳转)

界面一览

111.jpg

正式实操

环境部署

部署此项目首先要求你拥有一个 GitHub 账号(点击跳转),一个 cloudflare 账号(点击跳转),一个属于自己的域名以及一个 Telegram 账号

Telegram 配置

1.获取 TG_BOT_TOKEN

登陆telegram ,在搜索框中搜索 @BotFather.bat 注意甄别,千万别点错了

dsads.jpg

打开对话界面,点击 开始然后按图示进行配置,得到TOKEN后复制保存备用

gsdfgsd.jpg

2.获取 TG_CHAT_ID(频道 ID)

在 telegram 中 打开左侧的二级菜单,打开新建频道Manage Channel),频道名字任意,后面内容可以直接跳过。

wqrewf.jpg

完成创建后找到管理频道,在菜单中找到 管理员Administrators),菜单中点击 添加管理员,将刚才创建的机器人(你命名的那个机器人)也设为管理员(注意搜索时要 @刚才设置的用户名 别填加错了),权限默认即可。

dgdfgdh.jpg

erqwetwet.jpg

完成后首页搜索 @VersaToolsBot,回复/start然后在你刚才创建的频道里随便发一条消息,并将消息转发到 @VersaToolsBot,接着就会得到我们需要的ID,复制保存备用。

dsagfh.jpg

cloudflare 配置

首先打开该项目仓库(点击跳转),点击 Fork,跳转页面后不需要任何改动,直接点击 Create fork”即可

wtreger.jpg

qetry.jpg

成功创建 fork 后来到 登录cloudflare 账号,打开仪表盘,点击侧边栏中的 WorkersPages,点击上方的 创建,选到 Pages一栏,点击 连接到 Git

wyrty.jpg

czvfdg.jpg

tytryrt.jpg

在打开的第一个页面点击 连接到 GitHub,随后会跳转到 GitHub 进行授权,选到 All repositories

完成授权后会回到cloudflare,找到选择存储库的界面,选择刚才 fork 的仓库后点击 开始设置,跳转页面后直接划到下面点击 保存并部署即可,出现下图即部署完成,点击 继续处理项目

retret.jpg

ryretre.jpg

1.设置认证码与后台管理的账号密码

点击 自定义域, 添加一个你自己的域名,点击左侧栏中的 KV,点击 创建命名空间
名称为 img_url点击 添加

tutut.jpg

fgfdh.jpg

hjhf.jpg

ghgf.jpg

完成添加后回到 page 的界面,点击 设置 后点击 变量与机密,找到 绑定 一栏,点击 添加 ,在弹出的页面中找到 KV 命名空间变量名称填写 img_urlKV 命名空间 选择刚才创建的 KV img_url完成后点击保存

bvnbc.jpg

sfgfdg.jpg

kjhkg.jpg

在绑定的上面找到 变量与机密一栏,点击右侧的 添加,添加 环境变量,常用环境变量如下表,按需要添加

变量名称 作用 是否推荐
TG_CHAT_ID telegram 频道 ID 必须
TG_BOT_TOKEN telegram 机器人 token 必须
BASIC_USER 后台管理的账户名 推荐
BASIC_PASS 后台管理的密码 推荐
AUTH_CODE 前台的认证码 强烈推荐
ModerateContentApiKey 前台的认证码
ALLOWED_DOMAINS 防盗链 访问域名限制 多个允许的域名用英文 , 分割,如:域名.com,域名2.top
AllowRandom 随机图 api 的前置,后面会讲到

完成后点击保存, 然后重新部署所有关于环境变量和 kv 绑定的修改都要重新部署一遍),选到 部署一栏, 在 所有部署下面找到你最新的部署(就是最上面的那一个),鼠标点击在右侧三个点,在弹出的菜单中选择 重新部署,等待部署完成后即可使用

ghgfh.jpg

2.内容审查api

打开 moderatecontent 官网(点击跳转),注册账号后获取到你的 api ,在环境变量中添加一条 ModerateContentApiKey,值就是你获取的 api,保存后别忘了重新部署一遍

3.随机图api

hdfhg.jpg

在设置好环境变量后访问 https://your.domain/random

本文出处

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

保姆级教程:使用Cloudflare+Telegraph搭建零成本图床系统 - 胡萝虎的博客 (huluohu.com)

❤️ 转载文章请注明出处,谢谢!❤️