零成本搭建100G免费图床:CloudFlare-ImgBed + HuggingFace 保姆级教程

902 字
5 分钟
零成本搭建100G免费图床:CloudFlare-ImgBed + HuggingFace 保姆级教程

零成本搭建100G免费图床:CloudFlare-ImgBed + HuggingFace 保姆级教程#

90% 的博主都不知道!免费 100G 图床竟比付费的还稳定。写文章、做分享时,是不是总被图床问题折磨?免费的容量小得可怜,付费的一年要花几百块,更糟的是还常遇到文件失效、大文件传不了的坑,辛苦写的内容全白费!今天就分享一个零成本神方案——用 GitHub 4k+ 星标的开源项目 CloudFlare-ImgBed 搭配 HuggingFace,10 分钟快速搭建 100G 免费图床,无需实名认证、支持大文件自动分片上传,不用额外买服务器,稳定又省心,自媒体、学生、打工人都能用~

封面图
封面图


一、工具介绍:CloudFlare-ImgBed#

这是一个 GitHub 星标 4k+ 的开源项目,基于 Cloudflare Pages 构建,核心优势:

  • 多存储渠道:支持 Telegram、R2、S3、HuggingFace 等;
  • 免费 100G:用 HuggingFace 空间做存储,无容量费;
  • 省心部署:无需服务器 / 客户端,访问速度稳定;
  • 大文件友好:超 20MB 自动用 LFS 分片上传。

二、部署步骤:Cloudflare Pages#

2.1 准备源码#

Fork 项目到你的 GitHub:

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

2.2 部署到 Cloudflare#

  1. 登录 Cloudflare,进入「计算和 AI」→「Workers and Pages」;

  2. 在页面右上角点击【创建应用程序】,然后点击下方“想要部署 Pages?”的【开始按钮】:

    创建应用程序
    创建应用程序

  3. 「开始使用」(导入现有 Git 存储库):

    导入Git仓库
    导入Git仓库

  4. 选择刚 Fork 的「CloudFlare-ImgBed」项目,点击「开始设置」:

    选择项目
    选择项目

  5. 自定义项目名称,构建命令填 npm install,点击「保存并部署」:

    保存并部署
    保存并部署

2.3 配置 KV 数据库#

  1. 进入 Cloudflare「存储和数据库」→「Workers KV」,新建 KV 数据库,名称填 img_url

    新建KV数据库
    新建KV数据库

  2. 回到部署好的项目 →「设置」→「绑定」,添加 KV 绑定:

    变量名称:img_url
    KV命名空间:img_url

    添加KV绑定
    添加KV绑定

  3. 保存后项目会自动重新部署,部署完成后可通过 Cloudflare 分配的 xxx.pages.dev 域名访问(建议绑定自有域名):

    部署完成
    部署完成


三、存储配置:HuggingFace#

3.1 创建 HuggingFace 空间#

  1. 注册登录 HuggingFace:https://huggingface.co/

  2. 进入控制面板 →「新建空间」:

    新建空间1
    新建空间1

    • 空间名自定义;
    • SDK 任选(推荐选 Docker 空项目);
    • 硬件选择「FREE」,点击「Create Space」:

    新建空间2
    新建空间2

    新建空间3
    新建空间3

3.2 获取 Access Token#

  1. 进入 HuggingFace「设置」→「Access Tokens」→「Create New Token」;

  2. 自定义 Token 名称,勾选「仓库读写权限」,生成后复制 Token:

    创建Token
    创建Token

3.3 配置图床后台#

  1. 访问图床后台:在部署好的域名后加 /dashboard(如 https://你的域名/dashboard);

  2. 进入「系统设置」→「上传设置」,添加 HF 渠道:

    系统设置
    系统设置

    • 渠道名自定义;
    • 仓库名填「HuggingFace 用户名 / 空间名」(如 ZhangSan/my-imgbed,可从空间页面地址栏获取);
    • 填入刚才复制的 Access Token,点击保存:

    添加HF渠道
    添加HF渠道

  3. 进入「页面设置」→「客户端设置」,将默认上传渠道设为刚添加的 HF 渠道:

    客户端设置
    客户端设置


四、可选:环境变量(按需配置)#

在项目「设置」→「环境变量」中可添加以下配置(非必填):

  • BASIC_USER / BASIC_PASS:后台登录账号密码;
  • AUTH_CODE:访问验证码;
  • disable_telemetry:设为 true 可关闭遥测;
  • AllowRandom:设为 true 可开启随机图 API(网址后缀加 /random)。

完整后的示例,上传的大视频#

<video controls width="100%" style="border-radius: 12px;">
<source src="https://huggingface.co/datasets/kekelove/imgbed/resolve/main/hd/韩宝仪MV_20260706.mp4" type="video/mp4">
您的浏览器不支持视频播放。
</video>

参考资料#

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!

打赏
零成本搭建100G免费图床:CloudFlare-ImgBed + HuggingFace 保姆级教程
https://fly.hangdn.com/posts/cloudflare-imgbed--huggingface-保姆级教程/
作者
Hangdn notes
发布于
2026-07-01
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
Hangdn notes
Hello, I'm hangdn.
欢迎你,朋友
🌐 网络冲浪技术分享,📈 股票交易文章,⚡ 科学上网,💪励志语录,📜 史氏宗谱文章,🏞️ 各地风景,没有固定的更新频率,但有我真诚的分享,欢迎你常来坐坐,留言交流。
音乐
封面

音乐

暂未播放

0:00 0:00
暂无歌词
分类
标签
站点统计
文章
63
分类
14
标签
40
总字数
215,139
运行时长
0
最后活动
0 天前

文章目录