前言

CloudFlare-ImgBed 图床项目完全白嫖,它的操作逻辑足够清晰,体验甚至超越了不少大厂产品。但可惜的是,受限于托管在 Cloudflare Pages 的架构,访问延迟一直是个硬伤,导致我搭建后基本没怎么用,只当是完成了一次 “练手”。

直到后来偶然刷到邹云森大佬的文章《为 CloudFlare-ImgBed 配置国内 CDN 并分线路解析,以最低成本享受极致速度!》,才突然有了尝试的念头:既然有成熟方案,不如也给我的图床做次加速优化?顺便把整个过程记录下来,既是复盘也是分享。

教程参考:邹云森为 CloudFlare-ImgBed 配置国内 CDN 并分线路解析,以最低成本享受极致速度!

测试效果

1.图片加载测试

现有一张文件名为 533.png、大小 10.77MB 的图片,提供两个访问域名,可用于测试并对比不同域名下的图片加载速度。

CDN加速域名img.814925.xyz
533.png

未加速域名img.zoerun.qzz.io
533.png

2.成果展示

加速前:

image-20251027111021136

加速后:

image-20251027121800711

3.注意

该方案存在一个关键局限:通过 CNAME 直接接入 Pages 域名时,无法启用小黄云加速,访问会直接请求 Pages 原站。这意味着每一次访问都会消耗 Pages 的额度(每日 10 万次上限)。因此,对访问速度无要求的场景不建议采用此方案 —— 由于分线路会直接回源、不经过 Cloudflare CDN 加速,若仅需实现加速功能,选择 “CDN 反代 + 强制缓存” 方案即可(通过缓存减少回源次数,大幅降低额度消耗)。

这是大佬在文章中写的,我不是很理解这句话,希望大佬可以更加小白的给我普及一下。

准备

思路:通过华为云 dns 分线路解析,国内解析到 cdn 达到高速,境外解析到 pages 分配的域名,能抗攻击 能过 pages 域名验证 也不会浪费 cdn 流量

① 华为云 dns 账号(前往注册

② 一个进行了实名认证的多吉云账号 多吉云 CDN 管理控制台

③ 一个备案域名

实操

① pages 中配置域名

1.来到 pages 的图片管理中,首先绑定上访问域名,并使用 cname 接入这里记下他给你的 cname 解析

image-20251027163851951

2.这时候去域名的 dns 中复制那条 cname解析的记录值,等成功了就可以通过域名访问。然后记录一下cname值。简单说就是先加记录让这里变成活动,然后再删除掉。我阿里云域名不删除好像无法添加后面会导致冲突所以这里删除了。 简单说就是先解析到域名,然后删除域名里面的解析。

3.然后删除域名里面的解析记录,这时候 dns 记录没了,但是 pages 域名界面中这条域名状态还是 活动active。

image-20251027164202399

② 在华为云 DNS 创建公网域名

1.来到华为云 DNS 创建一个公网域名

image-20251027175502109

2.输入你的访问域名 img.814925.xyz

image-20251027165017951

3.输入后到你的 dns 服务商中,编辑好四条 ns 解析

image-20251027165358045

4.然后再域名这边添加解析

img

5.稍等五分钟,可以看到华为云 dns 的解析验证便通过了

③ 创建多吉云 CDN

1.前往登录 – 多吉云,没有账号的话注册一个账号并完成实名认证

完成实名认证后,来到域名管理控制台,创建域名

image-20251027170200513

完成创建后复制多吉云给你的 cname 域名

image-20251027170408236

④ 华为云 DNS 完成域名解析

回到华为云 DNS 中,这时候域名状态应该已经变成了正常,点击进入解析

1.这里先添加多吉云的解析

image-20251027170541980

2.稍等五分钟让解析生效,这时候可以看到 pages 和多吉云中你的域名状态变成了 “活动 / 已生效”

3.添加境外线路(地域解析最下面的境外)cname填写第一步pages给的cname域名

image-20251027171109130

最后效果

image-20251027171215197

⑤ 配置多吉云 CDN

1.开启 IPV6 访问

image-20251027171453316

  1. 进入 “缓存与访问”,按我这样设置缓存

image-20251027171755894

  • 1.全部

image-20251027172122109

  • 2.首页/

image-20251027172141803

  • 3.目录/login

image-20251027172206302

  • 4.目录/dashboard

image-20251027172230474

  • 5.文件类型

image-20251027172252626

等部署完成即可

⑥ 配置防盗链

哪怕是多吉云每个月也只有 20G 流量,被刷了或者被偷图用了还是很蛋疼的

上面我们已经设置了阈值,这里我们可以通过配置域名防盗链 来防止被他站引用

原理:在发出的请求头中会有 referer 值,这可以理解为引用资源的网址,我们可以设置一个白名单,仅允许我们自己的站点请求这个资源,如果你需要在浏览器中直接访问这个资源,就把下面的空来源也勾上

image-20251027172817350

比如说我的图片链接为 https://img.814925.xyz/file/50.png,我设置了白名单为 ***.814925.xyz**,这时候我的博客 hexo.814925.xyz 引用了这个照片,则可以正常使用,如果其他站点(比如 https://rewards.zoerun.qzz.io/)引用了这个照片由于 zoerun.qzz.io 不在白名单中,则会甩出 403 Forbidden 错误,表现为 alt 属性为空

image-20251027173853978

如果需要能够访问加入白名单域名就可以正常访问了。

⑦ 为多吉云 CDN 配置 SSL 证书

1.CDN 配置 SSL 证书 多吉云里面的证书无忧这样就无法开启,因为这样解析了CDN。就无法自动给你更新证书,然后自己上传证书有效期只有90天,还是比较麻烦。

image-20251027174837618

2.我的解决方案是通过第三方工具AllinSSL SSL 管理工具实现证书自动更新,不过这种方式需要依赖服务器。如果各位大佬有其他无需额外成本的方案,也欢迎分享~

image-20251027175136547