jsdelivrCDN使用方法 - Tokisaki Galaxy的博客

312 字

2 分钟

jsdelivrCDN使用方法

2021-02-28

blog

jsdelivr

/

优化

English

博客上用了很多js和css，如果都通过服务器加载，加载速度会很慢（一开始我用这个主题，GithubPages托管的时候，第一次加载用来40s+）。所以需要把js和css文件放到CDN上。我知道的公共CDN有BootCDN和JSDELIVR。 jsdelivr可以直接加载github上的文件，bootcdn不行。我原来使用的是BootCDN，但是这玩意比jsdelivr慢，并且只能用官方的库，所以改用了jsdelivr。

jsdelivr的加载方法#

Github#

一言蔽之，就是https://cdn.jsdelivr.net/gh/用户名称/仓库名称@版本号/目录。

详细版：

1
// 加载任何GitHub的发布、提交或分支
2
// 注意:我们建议在支持npm的项目中使用npm
3
https://cdn.jsdelivr.net/gh/user/repo@version/file
4

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

8
// 使用一个版本范围而不是特定的版本
9
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js
10
https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js
11

12
// 完全省略版本以获得最新的版本
13
// 你不应该在生产中使用它
14
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
15

16
// 添加 ".min" 到任何js/css文件
17
// 如果它不存在，我们将为您生成它（并帮你压缩
18
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js
19

20
// 在末尾添加 "/" 以获得目录列表
21
https://cdn.jsdelivr.net/gh/jquery/jquery/

npm#

gh换成npm，没有用户名。其他不变。

1
https://cdn.jsdelivr.net/npm/包名@版本号/目录

刷新CDN#

把链接中的https://cdn.jsdelivr.net/换成https://purge.jsdelivr.net/就行了。

jsdelivrCDN使用方法

https://tski.uk/blog/jsdelivr-cdn/

作者

Tokisaki Galaxy

发布于

2021-02-28

许可协议

CC BY