基於 Cloudflare Pages 和 Telegram 的免費圖床搭建教程#
type: 文章
status: 發布
date: 2024/10/17
slug: tuiljni
summary: 基於 Cloudflare Pages 和 Telegram 的免費圖床搭建教程
tags: GitHub, 圖床，工具
category: 教程
專案地址https://github.com/MarSeventh/CloudFlare-ImgBed#
一，介紹#
1. 開源#
- 前端開源（可自行修改、打包使用）
2. 炫酷的動效（#
- 流暢絲滑的過渡動畫～
- 上傳檔案實現呼吸燈效果
3. 人性化上傳#
- 支持絕大多數常見圖片、視頻、動圖等
- 支持多種上傳方式（拖拽點擊、粘貼）
- 粘貼上傳支持檔案和URL
- 支持批量上傳（不限同時選擇檔案數量，但為了保證穩定性，同時處於上傳狀態的檔案最多為 10 個）
- 上傳顯示實時上傳進度
- 上傳後圖片無需手動點擊，可直接展示在管理頁面中
- 過大圖片在前端進行壓縮，提升上傳穩定性和加載性能
- 支持自定義壓縮質量，自定義開啟前後端壓縮功能
4. 多樣化複製#
- 支持整體複製和單獨複製（整體複製即將所有鏈接通過換行串聯起來後複製）
- 支持MarkDown、HTML、BBCode 和原始鏈接四種格式複製
- 上傳完成後直觀展示四種格式鏈接
5. 支持身份認證、防濫用#
6. 支持頁面自定義#
- 頁面背景支持單圖、自定義多圖輪播、bing 隨機圖輪播等多種模式
- 自定義圖床名稱和 Logo
- 自定義網站標題和 Icon
7. 一些小功能#
- 支持隨機圖API，從圖床中隨機返回一張圖片
8. 以及原版所有特性#
1. 無限圖片儲存數量，你可以上傳不限數量的圖片
2. 無需購買伺服器，托管於 Cloudflare 的網絡上，當使用量不超過 Cloudflare 的免費額度時，完全免費
3. 無需購買域名，可以使用 Cloudflare Pages 提供的
*.pages.dev的免費二級域名，同時也支持綁定自定義域名4. 支持圖片審查 API，可根據需要開啟，開啟後不良圖片將自動屏蔽，不再加載
5. 支持後台圖片管理，可以對上傳的圖片進行在線預覽，添加白名單，黑名單等操作
二，部署#
1. 創建 Telegram 機器人得到TG_BOT_TOKEN#
-
向@BotFather發送
/newbot，按照提示輸入 bot 的備註、用戶名等信息。成功創建如圖所示的紅色部分為TG_BOT_TOKEN。
創建 Telegram 頻道得到 **
TG_CHAT_ID**#創建一個新的頻道（Channel），並按下圖所示將機器人加入頻道
選擇你剛創建的頻道，授予機器人管理員權限#
向@VersaToolsBot轉發一條第 2 步新建頻道中的消息，獲取TG_CHAT_ID（頻道 ID）#
部署於 Cloudflare#
依托於 CF 的強大能力，只需簡單幾步，即可部署本專案，擁有自己的圖床。
- 打開 Cloudflare Dashboard，進入 Pages 管理頁面，選擇創建專案，選擇
連接到 Git 提供程序
- 按照頁面提示輸入專案名稱，選擇需要連接的 git 倉庫，點擊
部署站點 - 將前面獲取的
TG_BOT_TOKEN和TG_CHAT_ID分別添加到環境變量中，對應環境變量名為TG_BOT_TOKEN和TG_CHAT_ID - 綁定 KV 數據庫：
-
創建一個新的 KV 數據庫
-
進入專案對應
設置>函數>KV 命名空間綁定>編輯綁定>變量名稱，填寫img_url，KV 命名空間選擇剛才創建好的 KV 數據庫
-
重試部署，此時專案即可正常使用