跳至主要內容

免费CDN:jsDelivr+Github 使用方法

白日梦想家yy...大约 1 分钟

此方法可以在Github无法访问的时候,通过jsDelivr来加速Github相关仓库的访问和下载
jsDelivr不支持加载超过20M的资源

免费CDN:jsDelivr+Github 使用方法

发布仓库

在Github发布仓库,并复制仓库地址

通过jsDelivr引用资源

  • 使用方法1:cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
    例如:
https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@1.0/images/trhx.png
https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.0.1/css/style.css  
https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.3//The%20Pet%20Girl%20of%20Sakurasou.mp4

注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源,除此之外还可以使用某个范围内的版本,查看所有资源等,具体使用方法如下:

// 加载任何Github发布、提交或分支
https://cdn.jsdelivr.net/gh/user/repo@version/file

// 加载 jQuery v3.2.1
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js

// 使用版本范围而不是特定版本
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js   https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js
 
// 完全省略该版本以获取最新版本
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
 
// 将“.min”添加到任何JS/CSS文件中以获取缩小版本,如果不存在,将为会自动生成
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js
 
// 在末尾添加 / 以获取资源目录列表
https://cdn.jsdelivr.net/gh/jquery/jquery/
  • 使用方法2:

复制Github文件路径后,打开jsDelivr官网,点击上方导航Tool>github
进去后,第一个为你的Github文件路径,输入后,第二个会自动输出jsDelivr引用路径
So52y1wcPmA6Z8k.png

上次编辑于:
贡献者: mygit