news 2026/2/3 3:28:10

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/2/1 5:58:03

SGLang一键部署教程:CSDN实测镜像快速启动

SGLang一键部署教程:CSDN实测镜像快速启动 1. 引言 随着大语言模型(LLM)在各类应用场景中的广泛落地,如何高效、稳定地部署模型成为开发者关注的核心问题。传统部署方式往往面临吞吐量低、资源利用率不高、编程复杂等挑战。SGLa…

作者头像 李华
网站建设 2026/2/3 8:45:59

基于ECG信号的HRV时域与频域分析Matlab代码实现

一、核心流程 #mermaid-svg-SH4o616e5ui3enXi{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-SH4o616e5ui3…

作者头像 李华
网站建设 2026/2/3 7:38:04

Qwen-Image-2512推理延迟高?GPU利用率优化实战对比

Qwen-Image-2512推理延迟高?GPU利用率优化实战对比 1. 背景与问题提出 随着多模态大模型在图像生成领域的广泛应用,阿里开源的 Qwen-Image-2512 模型凭借其高分辨率输出能力(最高支持25122512)和强大的语义理解能力,…

作者头像 李华
网站建设 2026/2/3 3:03:48

基于引脚定义的USB3.0接口高速传输误码率控制指南

如何让USB3.0“跑得快还不丢包”?从引脚定义讲起的高速信号完整性实战指南你有没有遇到过这样的情况:明明用的是支持USB3.0的设备和线缆,传输4K视频时却频繁卡顿、文件拷贝中途报错,甚至设备反复断连重连?很多人第一反…

作者头像 李华
网站建设 2026/2/3 8:01:12

医疗报告图像处理:cv_resnet18_ocr-detection提取关键数据

医疗报告图像处理:cv_resnet18_ocr-detection提取关键数据 1. 引言 1.1 业务场景描述 在医疗信息化快速发展的背景下,大量纸质或扫描版的医疗报告(如检验单、影像诊断书、病历摘要等)需要被数字化处理。传统的人工录入方式效率…

作者头像 李华