手把手教你利用Cloudflare R2 +Pages搭建在线图床系统，不限空间，不被墙，超级简单，完全免费

本站刚完成的图床系统：https://img.wzlingdi.com/

对于苹果端不能用picgo/piclist的站长来说，是可以完美解决刚需的

电脑端截图

手机端截图

教程开始(鸣谢 利用Cloudflare R2 +Pages搭建在线图床系统，不限空间，不被墙，超级简单，完全免费 | 一休のBlog 出的详细教程，不懂的可以去看看他的视频教程，堪称保姆级的)

项目仓库

https://github.com/MarSeventh/CloudFlare-ImgBed

简介
免费图片托管解决方案，基于 Cloudflare Pages 和 Telegram （文件大小不建议超过20MB，过大图片会自动压缩）。

部署流程
一、 前期准备
github账号：https://github.com/
cloudflare账号：https://www.cloudflare.com/
首先需要拥有一个Telegram账户，然后获取Telegram的TG_BOT_TOKEN和TG_CHAT_ID
自己的一个域名（可选）
二、所有东西准备好之后我们正式开始
获取Telegram的TG_BOT_TOKEN和TG_CHAT_ID
向@BotFather发送/newbot，按照提示输入bot的备注、用户名等信息。成功创建后获得TG_BOT_TOKEN
创建一个新的频道（Channel），进入新建的频道，选择频道管理，将刚才创建的机器人设为频道管理员。
在刚才创建的频道随便发一条消息，然后转发给@VersaToolsBot，获取TG_CHAT_ID（频道ID）
三、在github上fork项目
首先打开该项目仓库点击 “Fork”（如果你认可此项目 可以点击旁边的 starts 以支持作者）

四、登录cloudflare创建pages
成功创建 fork 后来到 cloudflare 登录你的账号并打开仪表盘 点击侧边栏中的 Workers 和 Pages
然后选到 “Pages” 一栏，点击 “连接到 Git”
授权git之后选择该项目，什么都不用配置，直接点击部署
五、配置环境变量以及自定义域名
点击KV（在 Workers 和 Pages 菜单下），配置一个KV数据库，名称随意
点击R2 对象存储，配置一个R2存储桶，名称随意（需要信用卡，没有的自己去申请一个，实在不行虚拟卡也可以）
绑定KV和R2 对象存储
依次点击Workers 和 Pages->概述->设置->绑定
依次点击添加->KV命名空间，选择自己创建的KV，名称设置为img_url
依次点击添加->R2存储桶，选择自己创建的R2 对象存储，名称设置为img_r2
依次点击Workers 和 Pages->概述->自定义域，输入自己托管在cloudflare的域名(如果没有可忽略这个步骤)
依次点击Workers 和 Pages->概述->设置->变量与机密
添加以下变量，其中TG_BOT_TOKEN和TG_CHAT_ID是必须添加的
变量名称 作用 是否必须
BASIC_USER 后台管理的账户名 必须
BASIC_PASS 后台管理的密码 推荐
AUTH_CODE 前台的认证码 强烈推荐 防止他人滥用
TG_BOT_TOKEN 刚才获得的机器人Token *必须
TG_CHAT_ID 刚才获得的频道ID *必须
完成后点击保存 然后重新部署（所有关于环境变量的修改都要重新部署一遍）

选到 部署 一栏 在 所有部署 下面找到你最新的部署（就是最上面的那一个），鼠标点击在右侧三个点 在弹出的菜单中选择 重新部署

部署完成后即可使用！！！

本文摘自：利用Cloudflare R2 +Pages搭建在线图床系统，不限空间，不被墙，超级简单，完全免费 | 一休のBlog