Skip to content

免费开源的CDN:jsDelivr+Github教程

About 516 wordsAbout 2 min

CDNjsDelivr

2024-05-30

网站加载的图片耗时,将图片使用jsDelivr进行加速。

每次打开静态网站的时候,都会发现页面的内容已经加载出来了,但是图片还是一片白,就考虑如何让图片能够更快的加载出来。

后面发现可以用jsDelivr加速Githut上面的图片,拼接出来一个URL,到时候可以直接使用。

例如我这里有一个Github的仓库,仓库名称叫做resoruce_cdn, 存放图片路径相对于仓库目录的话是 ./CDN/iron_background.jpeg

image-20240530103659696

这样我们根据下面的规则,就能得到一个调用图片的路径,就可以直接使用。如果你们打开这篇文章的话,能够清晰的对比出上面图片和下面图片的区别。(彪哥真的太帅了!!!)

使用定义: https://cdn.jsdelivr.net/gh/Github用户名/仓库名@版本号/文件路径。 参考用例:https://cdn.jsdelivr.net/gh/SmartDengC/resource_cdn@master/CDN/iron_background.jpeg

我常用的图片是放到Gitee上面的,为什么没有GItee来做加速,第一个原因是因为我暂时没有找到相关的方法, 后面如果有的话,我会及时更新;第二个原因就是Github对国内访问有一点点局限,所有把不常修改的内容放到Github上面,常用的放到Gitee上面。

20240530更新

在访问的时候突然发现一个问题:

不架梯子的时候,会访问两个地址,一个是这个jsdelivr的地址,好像是访问不到,进行了重定向(301 Moved Permanently:了解HTTP永久重定向错误码):

请求网址: https://cdn.jsdelivr.net/gh/SmartDengC/resource_cdn@master/CDN/iron_background.jpeg
请求方法: GET
状态代码: 301 Moved Permanently
远程地址: 146.75.113.229:443
引荐来源网址政策: strict-origin-when-cross-origin

然后才是访问的地址:https://raw.githubusercontent.com/SmartDengC/resource_cdn/master/CDN/iron_background.jpeg, 一看这个就是github的地址,在国内访问很慢。

架梯子访问的是:https://cdn.jsdelivr.net/gh/SmartDengC/resource_cdn@master/CDN/iron_background.jpeg

Changelog

Last Updated: View All Changelog
  • feat(wiki): hammeSpoon: 复制出来的文件需要重新生成永链

    On 3/27/25

求求了,快滚去学习!!!

求求了求求了,快去学习吧!

【题单】贪心算法

不知道方向的时候,可以多看看书,书会给你指明下一步该干什么,加油!