
给免费图床加个速:CloudFlare-ImgBed 配置国内 CDN,实现免费 CDN 加速图床功能
前言
CloudFlare-ImgBed 图床项目完全白嫖,它的操作逻辑足够清晰,体验甚至超越了不少大厂产品。但可惜的是,受限于托管在 Cloudflare Pages 的架构,访问延迟一直是个硬伤,导致我搭建后基本没怎么用,只当是完成了一次 “练手”。
直到后来偶然刷到邹云森大佬的文章《为 CloudFlare-ImgBed 配置国内 CDN 并分线路解析,以最低成本享受极致速度!》,才突然有了尝试的念头:既然有成熟方案,不如也给我的图床做次加速优化?顺便把整个过程记录下来,既是复盘也是分享。
教程参考:邹云森为 CloudFlare-ImgBed 配置国内 CDN 并分线路解析,以最低成本享受极致速度!
测试效果
1.图片加载测试
现有一张文件名为 533.png、大小 10.77MB 的图片,提供两个访问域名,可用于测试并对比不同域名下的图片加载速度。
CDN加速域名img.814925.xyz
未加速域名img.zoerun.qzz.io
2.成果展示
加速前:

加速后:

3.注意
该方案存在一个关键局限:通过 CNAME 直接接入 Pages 域名时,无法启用小黄云加速,访问会直接请求 Pages 原站。这意味着每一次访问都会消耗 Pages 的额度(每日 10 万次上限)。因此,对访问速度无要求的场景不建议采用此方案 —— 由于分线路会直接回源、不经过 Cloudflare CDN 加速,若仅需实现加速功能,选择 “CDN 反代 + 强制缓存” 方案即可(通过缓存减少回源次数,大幅降低额度消耗)。
这是大佬在文章中写的,我不是很理解这句话,希望大佬可以更加小白的给我普及一下。
准备
思路:通过华为云 dns 分线路解析,国内解析到 cdn 达到高速,境外解析到 pages 分配的域名,能抗攻击 能过 pages 域名验证 也不会浪费 cdn 流量
① 华为云 dns 账号(前往注册)
② 一个进行了实名认证的多吉云账号 多吉云 CDN 管理控制台
③ 一个备案域名
实操
① pages 中配置域名
1.来到 pages 的图片管理中,首先绑定上访问域名,并使用 cname 接入这里记下他给你的 cname 解析

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

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

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

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

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

5.稍等五分钟,可以看到华为云 dns 的解析验证便通过了
③ 创建多吉云 CDN
1.前往登录 – 多吉云,没有账号的话注册一个账号并完成实名认证
完成实名认证后,来到域名管理控制台,创建域名

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

④ 华为云 DNS 完成域名解析
回到华为云 DNS 中,这时候域名状态应该已经变成了正常,点击进入解析
1.这里先添加多吉云的解析

2.稍等五分钟让解析生效,这时候可以看到 pages 和多吉云中你的域名状态变成了 “活动 / 已生效”
3.添加境外线路(地域解析最下面的境外)cname填写第一步pages给的cname域名

最后效果

⑤ 配置多吉云 CDN
1.开启 IPV6 访问

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

- 1.全部

- 2.首页/

- 3.目录/login

- 4.目录/dashboard

- 5.文件类型

等部署完成即可
⑥ 配置防盗链
哪怕是多吉云每个月也只有 20G 流量,被刷了或者被偷图用了还是很蛋疼的
上面我们已经设置了阈值,这里我们可以通过配置域名防盗链 来防止被他站引用
原理:在发出的请求头中会有 referer 值,这可以理解为引用资源的网址,我们可以设置一个白名单,仅允许我们自己的站点请求这个资源,如果你需要在浏览器中直接访问这个资源,就把下面的空来源也勾上

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

如果需要能够访问加入白名单域名就可以正常访问了。
⑦ 为多吉云 CDN 配置 SSL 证书
1.CDN 配置 SSL 证书 多吉云里面的证书无忧这样就无法开启,因为这样解析了CDN。就无法自动给你更新证书,然后自己上传证书有效期只有90天,还是比较麻烦。

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

- 感谢您的赞赏







