我的免费高速图床搭建记录:CloudFlare-ImgBed 完整指南
我的免费高速图床搭建记录: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 和原始链接四种格式复制
上传后的图片会自动生成访问链接,直接复制就能用到博客文章里,非常方便。
写在最后 从开始部署到正式投入使用,整个过程大概花了不到半小时。现在我的博客图片都托管在自己的图床上,访问速度快,数据也完全可控。
如果你也在寻找一个稳定、免费、自主可控的图床方案,不妨花点时间跟着教程试试看。毕竟,自己的数据还是握在自己手里最放心。