jsDelivr使用,免费提供CDN加速服务

用jsdelivr建立CDN有两种方式,一种是npm,一种是GitHub

推荐使用npm,下载更快些。

使用npm需要安装nodejs

前期准备

进入npm官网 https://www.npmjs.com/ 注册账号

登录npm

打开CMD(管理员模式)或者Git输入

npm login

20210712232610

创建一个文件夹放自己要打包上传的东西,文件夹名字与下面package.json里的name一样

初始化包

用CMD或Git输入

cd F:\GithubProjects\test   #我的是放在这边
npm init

20210712232610

一路回车后进入打包文件夹里的package.json

修改name这一项,不能和现有的重名,可以用你自己设置的名字在npm官网搜索一下

{
  "name": "testttt0001",   #包名
  "version": "1.0.0",	#版本
  "description": "",	#描述
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",	#作者
  "license": "ISC"
}

文件夹里新建两个文件,index.js 和 README.md,不一定要

index.js文件就是你要导出的内容

README.md就是一个包的介绍

发布包

npm publish testttt0001

每次发布都要更改package.json里的version

下载包

npm insatll testtttt0001

以下是官方介绍

npm CDN

加载npm上托管的任何项目

https://cdn.jsdelivr.net/npm/package@version/file

加载文件的确切版本

https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js

例如

https://cdn.jsdelivr.net/npm/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json

使用版本范围而不是确切版本

https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js
https://cdn.jsdelivr.net/npm/jquery@3.1/dist/jquery.min.js

如果您使用此功能,并且您所请求的文件在最新版本的软件包中不可用,则由于jsdelivr的版本回退功能,该链接将继续工作。jsdelivr将继续从旧版本的软件包中提供该文件,而不是因为404错误而失败。
按标签加载(不建议用于生产用途)

https://cdn.jsdelivr.net/npm/jquery@beta/dist/jquery.min.js

完全省略版本或使用“latest”加载最新版本(不推荐用于生产用途)

https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js
https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js

请求最新版本

(而不是“最新专业版”或“最新版本”)是危险的,因为主要版本通常会带来重大变化。只有你真的知道自己在做什么才这样做。

将“.min”添加到任何JS / CSS文件以获得缩小版本 – 如果不存在,jsdelivr将为您生成它。所有生成的文件都带有源映射,可以在开发过程中轻松使用:

https://cdn.jsdelivr.net/npm/github-markdown-css@2.4.1/github-markdown.min.css

缩小大文件可能需要几秒钟。但是,jsdelivr将所有生成的文件存储在永久存储中,因此此延迟仅适用于前几个请求。
省略文件路径以获取默认文件(目前不推荐)。此文件始终缩小:

https://cdn.jsdelivr.net/npm/jquery@3.2.1
https://cdn.jsdelivr.net/npm/jquery@3
https://cdn.jsdelivr.net/npm/jquery

如果默认文件不直接位于程序包的根目录中,则使用此功能可能会导致相对导入出现问题,例如源映射,图像或请求的文件引用的字体文件。
获取目录列表

https://cdn.jsdelivr.net/npm/jquery@3.2.1/
https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/

GitHub CDN

建议将npm用于支持更好用户体验的项目 – 在jsdelivr网站上可以搜索npm包,并且包页面显示其他有用信息,例如描述和主页链接。
jsdelivr使用永久S3存储来确保所有文件仍然可用,即使GitHub发生故障,或者作者删除了存储库或版本。仅在第一次直接从GitHub获取文件,或者当S3关闭时。
加载任何GitHub版本,提交或分支:

https://cdn.jsdelivr.net/gh/user/repo@version/file

加载文件的确切版本

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@32b00373b3f42e5cdcb709df53f3b08b7184a944/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

如果您使用此功能,并且最新版本中未提供您请求的文件,则由于jsdelivr的版本回退功能,该链接将继续有效。jsdelivr将继续从旧版本提供该文件,而不是因为404错误而失败。
完全省略版本或使用“latest”加载最新版本(不推荐用于生产用途):

https://cdn.jsdelivr.net/gh/jquery/jquery@latest/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

缩小大文件可能需要几秒钟。但是,jsdelivr将所有生成的文件存储在永久存储中,因此此延迟仅适用于前几个请求。
获取目录列表

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/

合并多个文件

jsdelivr的组合端点允许您在一个请求中从npm和GitHub端点加载多个文件:

https://cdn.jsdelivr.net/combine/url1,url2,url3

适用于单个文件的所有功能(版本范围,缩小等)也适用于此处。所有组合文件都带有源映射,可以在开发过程中轻松使用。

https://cdn.jsdelivr.net/combine/gh/jquery/jquery@3.2/dist/jquery.min.js,gh/twbs/bootstrap@3.3/dist/js/bootstrap.min.js
https://cdn.jsdelivr.net/combine/npm/bootstrap@3.3/dist/css/bootstrap.min.css,npm/bootstrap@3.3/dist/css/bootstrap-theme.min.css

组合大/多个文件可能需要几秒钟。但是,jsdelivr将所有生成的文件存储在永久存储中,因此此延迟仅适用于前几个请求。

WordPress CDN

从WordPress.org插件SVN repo加载任何插件

https://cdn.jsdelivr.net/wp/plugins/project/tags/version/file

加载文件的确切版本

https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/tags/4.6.5/wp-slimstat.js

加载最新版本(不建议用于生产用途)

https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/trunk/wp-slimstat.js

请求最新版本是危险的,因为新版本可能会带来重大变化。只有你真的知道自己在做什么才这样做。
从WordPress.org主题SVN repo加载任何主题

https://cdn.jsdelivr.net/wp/themes/project/version/file

加载文件的确切版本

https://cdn.jsdelivr.net/wp/themes/twenty-eightteen/1.7/assets/js/html5.js