我的免费高速图床搭建记录:CloudFlare-ImgBed 完整指南

作为一个经常写博客的人,图片托管一直是个让人头疼的问题。免费公共图床说关就关,付费图床对于个人站点来说又是一笔不小的开销。最近我终于找到了一个理想的解决方案——CloudFlare-ImgBed,一个基于 Cloudflare 基础设施的开源图床项目。

花了一点时间折腾后,我在 https://img.huw.me/ 成功部署了自己的图床。今天就把完整的搭建过程记录下来,希望能给有同样需求的朋友一些参考。

为什么选择 CloudFlare-ImgBed? 在决定自己搭图床之前,我对比过不少方案。CloudFlare-ImgBed 吸引我的地方主要有这几点:

💰 极低成本甚至零成本:Cloudflare R2 对象存储提供了每月 10GB 的免费存储额度。对于个人博客来说,这个额度完全够用。

🌍 全球加速:图片通过 Cloudflare 的全球 CDN 分发,无论访客在哪里都能有不错的加载速度。

🔒 数据自主可控:图片存在哪、链接会不会失效,全由自己说了算。

🛠️ 功能丰富:支持拖拽上传、批量上传、多种格式链接复制、目录管理、标签分类等功能。

部署步骤详解 我选择的是 Cloudflare Pages 部署方式,全程在 Cloudflare 免费额度内完成。

第一步:Fork 项目 访问 CloudFlare-ImgBed 项目仓库,点击右上角的 "Fork" 按钮,把项目复制到自己的 GitHub 账户下。

第二步:创建 Cloudflare Pages 项目 登录 Cloudflare Dashboard

进入 "Workers & Pages" 页面,点击 "创建应用程序"

选择 "导入现有 Git 存储库",连接 GitHub 账户并授权

选择刚刚 Fork 的 CloudFlare-ImgBed 仓库

第三步:配置构建参数 配置项 填写内容 项目名称 cloudflare-imgbed(可自定义) 生产分支 main 构建命令 npm install(v2.0 版本已变更,务必填写这个) 构建输出目录 /frontend-dist 第四步:配置数据库(必需) 项目需要数据库来存储文件元数据,支持 KV 数据库和 D1 数据库两种。

我选择了 KV 数据库:

在 Cloudflare Dashboard 中进入 "Workers KV",创建一个命名空间(建议命名为 img_url)

返回 Pages 项目,进入 "设置" → "绑定",添加 KV 命名空间绑定

变量名称必须填写 img_url,选择刚创建的命名空间

配置完成后,进入项目的 "部署" 页面,找到最新部署记录,点击 "重试部署" 等待完成即可。

第五步:绑定自定义域名 部署完成后,在 Pages 项目的 "设置" → "域名" 中添加自定义域名。我绑定了 https://img.huw.me/ 这样访问起来更顺手。

使用体验 部署完成后,图床的管理界面简洁直观:

上传图片:支持拖拽、点击选择、粘贴(Ctrl+V)等多种方式

管理文件:可以创建目录分类管理,支持搜索和批量删除

获取链接:支持 MarkDown、HTML、BBCode 和原始链接四种格式复制

上传后的图片会自动生成访问链接,直接复制就能用到博客文章里,非常方便。

写在最后 从开始部署到正式投入使用,整个过程大概花了不到半小时。现在我的博客图片都托管在自己的图床上,访问速度快,数据也完全可控。

如果你也在寻找一个稳定、免费、自主可控的图床方案,不妨花点时间跟着教程试试看。毕竟,自己的数据还是握在自己手里最放心。

项目地址:https://github.com/MarSeventh/CloudFlare-ImgBed

官方文档:https://cfbed.sanyue.de/

演示站点:https://cfbed.1314883.xyz/(密码:cfbed)

标签: 图床,免费,, CloudFlare

添加新评论