利用jsdelivr+github使用免费又好用的全球节点CDN

目录

利用jsdelivr+github使用免费又好用的全球节点CDN

什么是jsDelivr

官网地址:https://www.jsdelivr.com/

使用流程

1.注册github账号 官方地址 https://github.com/ 2.创建公开项目,如我创建了demo项目 3.我们上传一个jquery-1.8.3.js做测试,点击按钮上传到github(正常请使用git工具提交)

image

3.上传成功后点击Releases创建一个版本号,如1.0.0(可省略,版本号不是必需的,是为了区分新旧资源)

image

image

jsdelivr的格式是 https://cdn.jsdelivr.net/gh/chaoyong213/demo/jquery-1.8.3.js

  • 其中user代表用户名,我的是chaoyong213
  • repo代表项目名,就是刚才创建项目名:demo
  • version代表的是版本号或者分支号,就是刚才创建的版本:1.0.0(可省略)
  • file代表的是文件路径,我的是在根目录的:jquery.min.js
  • 最终组成:https://cdn.jsdelivr.net/gh/chaoyong213/demo@1.0.0/jquery-1.8.3.js
  • 或者不区分版本:https://cdn.jsdelivr.net/gh/chaoyong213/demo/jquery-1.8.3.js

将“ .min”添加到任何JS / CSS文件以获取缩小版本,不存在将会自动生成,第一次会访问慢,接下来访问就是生成好的了

在末尾添加/以获取目录列表,如https://cdn.jsdelivr.net/gh/chaoyong213/demo@1.0.0/

缓存更新

有时候更改文件没有及时生效,对于 jsDelivr,缓存刷新的方式也很简单,只需将想刷新的链接的开头的cdn 更改为 purge,不过官网说后面会推出刷新工具,我这边还在观望中 https://cdn.jsdelivr.net/ 切换为 https://purge.jsdelivr.net/ 返回status: ok,就代表完成了

{
  "success": true,
  "error": null,
  "paths": [
    "gh/chaoyong213/demo/jquery-1.8.3.js"
  ],
  "cdn": {
    "fastly": true,
    "bunny": true,
    "cloudflare": true,
    "quantil": true
  }
}

注意事项

单文件大小不得大于20M,音视频媒体如视频都是不支持的。

打赏一个呗

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦