使用cloudflare+jsdmirror加速github图床访问

image.png

前言

之前写过一篇文章,如何设置github图床(https://miaoyang.win/posts/23057) ,由于github在国内的访问时长抽风,导致浏览体验不太理想,所以当初使用了Jsdelivr的加速服务,也就是在Picgo自定义域名那里填写https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名 使用Jsdelivr的cdn来加速图床的访问。
但是最近Jsdelivr在国内的访问也是时断时续,经常出现打不开的情况。于是想着看看还有什么可用的国内加速服务。一路搜索找到了jsdmirror这个服务,详细介绍可查看项目Github页面(https://github.com/54ayao/JSDMirror) ,太深奥的专业术语咱也看不懂,只知道这个服务可以代替Jsdelivr,加速国内的访问。
然后拜读了Leehow的这篇文章通过 Cloudflare 和 JsDelivr 免费加速博客 GitHub 图床等静态资源 ,于是决定放手一试,用cloudflare来加速图床的访问。

实现的效果

最终实现的效果:使用自己的二级域名https://cdn.miaoyang.win 来替换jsdelivr的https://cdn.jsdelivr.net 来加速github图床,并且根据访问者的ip匹配规则,国内ip调用jsdmirror的服务,国外ip调用jsdelivr。

操作前提

1.github图床已经设置完成并且可以正常访问,具体设置教程请参与(https://miaoyang.win/posts/23057);
2.域名已经停靠到了cloudflare。
3.有一个绑定了银行卡的paypal账户,无需付款。

操作步骤

二级域名cdn.miaoyang.win使用cname解析到cdn.jsdmirror.com,并且勾选代理云朵图标。

20240910140410

设置重定向规则

根据访问者ip来设置重定向规则。
20240910140544

国内ip规则设置如下图所示:
20240910140922
表达式为:

1
concat("https://cdn.jsdmirror.com", http.request.uri.path)

国外ip规则设置如下图所示:
20240910140834
表达式为:

1
concat("https://cdn.jsdelivr.net", http.request.uri.path)

订阅saas申请SSL证书

进入如下图所示的“自定义主机名”页面,申请saas服务,申请过程需要外币卡或是绑定了银行卡的paypal账号,但并不会实际发生扣款。
20240910141119
开通saas服务之后添加二级域名并进行认证,之后等待域名状态和证书状态为“有效”即可。

测试效果

在picgo插件中将原有的delivr网址替换为自己设置的cdn.miaoyang.win即可测试服务是否正常。
将图片链接复制到浏览器中,切换国内外ip观察其是否会跳转到指定的加速站点。

后记

在部署过程中遇到了图片无法正常显示以及https无法访问异常的情况,试着在jsdmirror的github主页试着提交了issus,得到了作者54ayao的指点,才得以最终部署完成,特此感谢。

引用

通过 Cloudflare 和 JsDelivr 免费加速博客 GitHub 图床等静态资源