官方教程https://cfbed.sanyue.de/项目地址https://github.com/MarSeventh/CloudFlare-ImgBed演示站点密码cfbedhttps://cfbed.1314883.xyz/本文大部分转载自官方我将 cloudflare r2 cloudflare pages picgo部分单独列出来避免内容太多导致错乱顺便记录一下本人踩过的一些坑设置Cloudflare R23.1 创建 R2 存储桶登录 Cloudflare Dashboard选择 “R2 存储对象”点击 “创建存储桶”输入存储桶名称全局唯一选择存储区域点击 “创建存储桶”第一步Fork 项目访问 CloudFlare ImgBed 项目点击右上角的 “Fork” 按钮选择您的 GitHub 账户确认 Fork 完成️ 第二步创建 Pages 项目2.1 访问 Cloudflare Dashboard登录 Cloudflare Dashboard选择左侧菜单的 “计算和AI” - “Workers Pages”点击 “创建应用程序”在最下方Looking to deploy Pages?选择 “Get started”在 “导入现有 Git 存储库” 处点击 “开始使用”2.2 连接 GitHub 仓库如果首次使用需要授权 Cloudflare 访问 GitHub选择您 Fork 的CloudFlare-ImgBed仓库点击 “开始设置”2.3 配置项目设置配置项值说明项目名称cloudflare-imgbed或自定义项目标识符生产分支main生产环境分支构建命令npm install重要v2.0 新构建命令构建输出目录/frontend-dist前端构建产物目录重要提醒v2.0 版本的构建命令已变更为npm install请确保使用正确的构建命令。2.4 部署项目点击 “保存并部署”等待首次部署完成约 2-3 分钟️ 第三步配置数据库数据库用于存储文件元数据是必需的组件可选数据库为KV数据库和D1数据库。两者对比如下表所示根据自己使用场景从其中选择一种配置即可。特点KV 数据库D1 数据库读写性能高较低免费额度少多重要提示KV 数据库和 D1 数据库只需要配置其中一个即可不需要同时配置两个建议根据上表选择适合自己的数据库类型。3.1 KV 数据库配置创建 KV 命名空间在 Cloudflare Dashboard 中选择 “存储和数据库”点击 “Workers KV”点击 “创建实例”输入命名空间名称img_url建议使用此名称点击 “创建”绑定 KV 到项目返回您的 Pages 项目选择 “设置” → “绑定”点击 “添加” → “KV 命名空间”填写绑定信息变量名称img_url必须是这个名称KV 命名空间选择刚创建的命名空间点击 “保存”注意绑定 KV 时变量名称必须为img_url这是项目预设的变量名填错会出现无法进入管理界面等情况。 第四步重新部署绑定数据库后需要重新部署以生效进入项目的 “部署” 页面找到最新的部署记录点击右侧的 “…” 菜单选择 “重试部署”等待部署完成配置 R2 渠道服务器部署时默认添加了 Cloudflare R2 存储方式以下步骤仅针对 Cloudflare 部署方式在项目设置中绑定 R2 存储桶选择 “设置” → “绑定”添加 “R2 存储桶”变量名称img_r2R2 存储桶选择已创建的存储桶在管理后台配置进入 “系统设置” → “上传设置”配置 R2 渠道参数如需图像审查填入 R2 公开访问链接提示请注意Cloudflare R2 的免费额度限制超过后可能会产生费用。 安全设置设置后台密码安全相关设置在管理后台的 “系统设置” → “安全设置” 中配置认证管理用户端认证用于 Web 端用户登录和 API 认证管理端认证 管理员用户名和密码用于访问管理后台PicGo上传图片PicGo插件设置中搜索web-uploader-custom-url-prefix安装可自定义前缀的版本如图打开图床设置-自定义Web图床-Default然后按照下图方式配置注意API地址和自定义图片URL前缀按照自己的域名进行修改。如果设置了AUTH_CODE一定以?authCodeyour_authCode的方式添加到API地址后面设置完成确定即可使用PicGo上传到自建的图床。PicGo上传图片插件插件名称web-uploader-custom-url-prefixAPI地址处如果设置的有上传密码authCode的则写上传密码upload?authCode你的密码PicGo压缩图片插件插件名称compress-next点击齿轮 - 选择启用 transformer - compress-nextConfig配置Compress Typeimagemin-webp上传图片时压缩图片并转换格式为webpGif compress Typeimagemin-gif2webp
