news 2026/6/10 12:45:30

CloudFlare:零成本搭建个人图床

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
CloudFlare:零成本搭建个人图床

Cloudflare Pages 部署

Cloudflare Pages 是推荐的部署方式,提供免费托管、全球 CDN 加速和无需服务器维护的优势。

📂 第一步:Fork 项目

  1. 访问 CloudFlare ImgBed 项目
  2. 点击右上角的 “Fork” 按钮
  3. 选择您的 GitHub 账户
  4. 确认 Fork 完成

🏗️ 第二步:创建 Pages 项目

2.1 访问 Cloudflare Dashboard

  1. 登录 Cloudflare Dashboard
  2. 选择左侧菜单的 “计算和AI” -> “Workers & Pages”
  3. 点击 “创建应用程序”
  4. 在最下方Looking to deploy Pages?选择 “Get started”
  5. 在 “导入现有 Git 存储库” 处点击 “开始使用”

2.2 连接 GitHub 仓库

  1. 如果首次使用,需要授权 Cloudflare 访问 GitHub
  2. 选择您 Fork 的CloudFlare-ImgBed仓库
  3. 点击 “开始设置”

2.3 配置项目设置

配置项说明
项目名称cloudflare-imgbed(或自定义)项目标识符
生产分支main生产环境分支
构建命令npm install重要:v2.0 新构建命令
构建输出目录/保持默认

重要提醒

v2.0 版本的构建命令已变更为npm install,请确保使用正确的构建命令。

2.4 部署项目

  1. 点击 “保存并部署”
  2. 等待首次部署完成(约 2-3 分钟)

🗄️ 第三步:配置数据库

数据库用于存储文件元数据,是必需的组件,可选数据库为KV数据库和D1数据库。两者对比如下表所示,根据自己使用场景从其中选择一种配置即可

特点KV 数据库D1 数据库
读写性能较低
免费额度
大文件上传支持不支持

重要提示

KV 数据库和 D1 数据库只需要配置其中一个即可,不需要同时配置两个!建议根据上表选择适合自己的数据库类型。

3.1 KV 数据库配置

创建 KV 命名空间
  1. 在 Cloudflare Dashboard 中选择 “存储和数据库”
  2. 点击 “Workers KV”
  3. 点击 “创建实例”
  4. 输入命名空间名称:img_url(建议使用此名称)
  5. 点击 “创建”

绑定 KV 到项目
  1. 返回您的 Pages 项目
  2. 选择 “设置” → “绑定”
  3. 点击 “添加” → “KV 命名空间”
  4. 填写绑定信息:
    • 变量名称img_url(必须是这个名称)
    • KV 命名空间:选择刚创建的命名空间
  5. 点击 “保存”

注意

绑定 KV 时,变量名称必须为img_url,这是项目预设的变量名,填错会出现无法进入管理界面等情况。

3.2 D1 数据库配置

创建 D1 数据库
  1. 在 Cloudflare Dashboard 中选择 “存储和数据库”
  2. 点击 “D1 SQL 数据库”
  3. 点击 “创建数据库”
  4. 输入数据库名称:img_d1(建议使用此名称)
  5. 点击 “创建”
初始化 D1 数据库
  1. 创建完成后,点击进入数据库详情页
  2. 选择 “控制台” 选项卡
  3. 在 SQL 输入框中逐段粘贴并执行初始化语句(见项目仓库)
  4. 点击 “执行”
绑定 D1 到项目
  1. 返回您的 Pages 项目
  2. 选择 “设置” → “绑定”
  3. 点击 “添加” → “D1 数据库”
  4. 填写绑定信息:
    • 变量名称img_d1(必须是这个名称)
    • D1 数据库:选择刚创建的数据库
  5. 点击 “保存”

🔄 第四步:重新部署

绑定数据库后需要重新部署以生效:

  1. 进入项目的 “部署” 页面
  2. 找到最新的部署记录
  3. 点击右侧的 “…” 菜单
  4. 选择 “重试部署”
  5. 等待部署完成

🚀 下一步

至此已经完成项目在 Cloudflare Pages 的部署,但是尚未添加存储渠道,添加存储渠道和进行其他设置的方式请参考 配置说明。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/10 21:55:16

VibeThinker-1.5B技术亮点解析:密集型模型的设计哲学

VibeThinker-1.5B技术亮点解析:密集型模型的设计哲学 1. 引言:小参数模型的推理突破 近年来,大语言模型的发展呈现出参数规模不断扩大的趋势。然而,高昂的训练与推理成本限制了其在边缘设备和资源受限场景中的广泛应用。在此背景…

作者头像 李华
网站建设 2026/6/10 10:52:27

Live Avatar CLI模式进阶:命令行参数自定义与脚本化部署

Live Avatar CLI模式进阶:命令行参数自定义与脚本化部署 1. 引言 Live Avatar 是由阿里巴巴联合多所高校共同开源的数字人生成模型,旨在通过文本、图像和音频输入驱动高保真虚拟人物视频的生成。该模型基于14B参数规模的DiT(Diffusion Tran…

作者头像 李华
网站建设 2026/6/10 11:07:52

AI智能二维码工坊步骤详解:H级容错二维码生成实战案例

AI智能二维码工坊步骤详解:H级容错二维码生成实战案例 1. 引言 1.1 业务场景描述 在现代数字化服务中,二维码已成为信息传递、身份认证、支付跳转等场景的核心载体。然而,传统二维码生成工具普遍存在容错率低、识别不稳定、依赖外部服务等…

作者头像 李华