CloudFlare-ImgBed + Telegram 图床 + PicGo + Obsidian 自动上传全流程教程

2026年5月12日·#技术分享CloudFlare/PicGo/Obsidian/Telegram/图床·969 字 5 分钟

浏览量加载中...

AI 摘要- DeepSeek

最近终于把 Markdown 写作的图片管理痛点彻底解决了——不用再手动传图、不用愁换电脑丢图、也不用担心博客迁移后满屏红叉。现在只要在 Obsidian 里 Ctrl+V 粘贴一张图，它就会自动走 Telegram 存储 → Cloudflare CDN 加速 → 返回外链 → 原地替换 Markdown 链接，整个过程安静又丝滑。整套方案零服务器成本、全链路可控，连 PicGo 和 Obsidian 的配置细节我都给你理清楚了，照着做就能跑起来。

封面图

一套真正适合 Markdown 写作者、Obsidian 用户、博客作者的自动化图床方案。

前言#

以前写博客时，我经常会遇到这些问题：

本地 Markdown 图片路径混乱
换电脑后图片丢失
博客迁移时图片全部失效
Typora / Obsidian / VSCode 各种编辑器图床不统一
Git 仓库越来越大

后来我开始折腾：

Cloudflare
Telegram
PicGo
Obsidian

最终整理出了现在这套方案：

1
Obsidian
2
↓
3
Image Auto Upload
4
↓
5
PicGo
6
↓
7
CloudFlare-ImgBed
8
↓
9
Telegram

效果就是：

✅ 在 Obsidian 中直接粘贴图片
✅ 自动上传图床
✅ 自动替换 Markdown 图片链接
✅ Telegram 作为底层存储
✅ Cloudflare 提供 CDN 与访问加速

整个过程几乎完全自动化。

整体架构#

flowchart LR A[Obsidian 写文章] --> B[Image Auto Upload] B --> C[PicGo Server] C --> D[CloudFlare-ImgBed] D --> E[Telegram 存储] E --> F[返回图片 URL] F --> G[自动写回 Markdown]

一、部署 CloudFlare-ImgBed#

项目地址：

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

部署方式推荐：

Cloudflare Pages

1. Fork 仓库#

先 Fork 官方仓库到自己的 GitHub。

2. 创建 Cloudflare Pages#

进入：

1
Cloudflare Dashboard
2
→ Workers & Pages
3
→ Create Application
4
→ Pages
5
→ Connect to Git

选择你 Fork 的仓库。

3. 构建设置（非常重要）#

保持默认即可：

配置项	内容
Framework preset	None
Build command	留空
Build output directory	留空

⚠️ 不要填写：

1
dist
2
build
3
out

否则 Functions 不会部署成功。

二、配置 Telegram 存储#

CloudFlare-ImgBed 最新版默认支持 Telegram 作为上传通道。

1. 创建 Telegram Bot#

打开：

@BotFather

发送：

1
/newbot

创建完成后获取：

1
TG_BOT_TOKEN

2. 获取 Chat ID#

方法：

把 Bot 拉进频道或群组。

然后访问：

1
https://api.telegram.org/bot你的BOT_TOKEN/getUpdates

找到：

1
"chat": {
2
  "id": xxxxxxxxx
3
}

这个就是：

1
TG_CHAT_ID

三、配置 Cloudflare 环境变量#

进入：

1
Cloudflare Pages
2
→ Settings
3
→ Environment Variables

添加：

Key	Value
TG_BOT_TOKEN	Telegram Bot Token
TG_CHAT_ID	Telegram Chat ID
AUTH_CODE	你自己的上传密码

例如：

1
AUTH_CODE=123456

保存后重新部署。

四、测试上传接口#

部署完成后访问：

1
https://你的域名/upload

如果出现：

1
Unauthorized

说明：

✅ 上传接口正常
✅ 认证生效
✅ 可以开始接入 PicGo

五、安装与配置 PicGo#

PicGo：

https://github.com/Molunerfinn/PicGo

1. 安装 picgo-plugin-cfbed-uploader 插件#

打开：

1
PicGo
2
→ 插件设置

搜索：（搜不到就去github下载导入）

1
picgo-plugin-cfbed-uploader

安装：

1
picgo-plugin-cfbed-uploader

安装完成后重启 PicGo。

六、PicGo 图床配置#

进入：

1
PicGo
2
→ 图床设置
3
→ picgo-plugin-cfbed-uploader

填写：

图床配置名#

1
随意

站点地址#

1
https://你的域名/upload

API令牌#

1
图床后台安全设置里添加

上传渠道#

1
自己的渠道

命名方式#

1
按自己的需求

返回格式#

1
默认

七、测试 PicGo 是否成功#

拖一张图片进入 PicGo。

如果成功：

PicGo 会自动复制图片链接。

例如：

1
https://你的域名/file/xxxxx.webp

八、Obsidian 自动上传配置#

插件：

1
Image Auto Upload

安装方式#

1
设置
2
→ 社区插件
3
→ 搜索 Image Auto Upload

安装并启用。

九、开启 PicGo Server#

进入：

1
PicGo
2
→ 设置
3
→ Server

开启：

1
Enable PicGo Server

记住端口。

例如：

1
36677

十、配置 Obsidian 插件#

进入：

1
Image Auto Upload 设置

填写：

1
http://127.0.0.1:36677/upload

十一、最终效果#

现在：

在 Obsidian 粘贴图片
自动触发上传
PicGo 调用图床接口
CloudFlare-ImgBed 存入 Telegram
返回 CDN 外链
自动替换 Markdown 图片

最终 Markdown：

1
![](https://你的域名/file/xxxxx.webp)

十二、推荐开启的功能#