最近很多兄弟问我图床是哪里的在这里一并和兄弟们介绍了。不明白的跟帖
Cloudflare Pages 是推荐的部署方式,它提供免费托管、全球 CDN 加速,而且无需服务器维护。
相关视频教程在youtube上有结合图床教程看搜索 CloudFlare-ImgBed
教程里图片看不到的 兄弟直接点开下边的图床教程地址 看就可以。
图床项目地址
https://github.com/MarSeventh/CloudFlare-ImgBed图床教程地址
https://cfbed.sanyue.de/en/deployment/pages.html图床图片地址是 [img图片地址[/img]
图床可以上传视频,但是分享链接 你需要改成 [video视频地址[/video]
📂 第一步:Fork 项目
访问CloudFlare ImgBed 项目
点击右上角的“Fork”按钮
选择您的 GitHub 帐户
确认分支已完成
🏗️ 第二步:创建页面项目
2.1 访问 Cloudflare 控制面板
登录Cloudflare 控制面板
从左侧菜单中选择“计算与人工智能”->“员工与页面”。
点击“创建申请”
在底部,Looking to deploy Pages?选择“开始使用”。
点击“从现有的 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 控制面板中,选择“存储和数据库”。
点击“工人KV”
点击“创建实例”
请输入命名空间名称:(img_url推荐名称)
点击“创建”
将KV绑定到项目
返回您的 Pages 项目
选择“设置”→“功能”
点击“添加”→“KV命名空间”
填写装订信息:
变量名:(img_url必须是此名称)
KV命名空间:选择您刚刚创建的命名空间。
点击“保存”
笔记
绑定 KV 时,变量名必须img_url与项目预设的变量名一致。命名错误会导致无法访问管理界面等问题。
第三步:重新部署
数据库绑定完成后,需要重新部署才能生效:
前往项目的“部署”页面
查找最新部署记录
点击右侧的“...”菜单
选择“重试部署”
等待部署完成
🚀 下一步
至此,您已完成项目在 Cloudflare Pages 上的部署,但尚未添加存储通道。
配置 R2 通道
服务器部署时,默认会添加 Cloudflare R2 存储。以下步骤仅适用于 Cloudflare 部署:
在项目设置中绑定 R2 存储桶:
选择“设置”→“绑定”
添加“R2桶”
变量名:img_r2
R2 存储桶:选择已创建的存储桶
在管理后台进行配置:
进入“系统设置”→“上传设置”
配置 R2 通道参数
如果需要图像审核,请填写 R2 公共访问链接
最后一步:重新部署
数据库绑定完成后,需要重新部署才能生效:
前往项目的“部署”页面
查找最新部署记录
点击右侧的“...”菜单
选择“重试部署”
等待部署完成
笔记
请注意 Cloudflare R2 的免费套餐限制,超出限制可能会产生费用。
赞(20)