使用NPM套CDN为网站静态资源加速，优化网页打开速度以获取更好的体验

安装NodeJS

前往NodeJS官网：查看链接，下载最新版或者LTS版，LTS版为长期服务版，可以减少更新频率，更稳定，安装过程不多说，一路接受下一步即可。然后调出CMD窗口，输入npm -v如果出现版本号，则成功，没有请重启电脑再试。

配置NPM文件

先注册NPM账号，需要前往NPM官网：查看链接，点Sign Up注册账号，和其他平台注册大同小异，然后在你喜欢的地方建一个文件夹，把你想上传至NPM的文件放进去，然后在文件夹目录里建一个文本文档并命名为package.json，然后把以下配置填写进去，并修改成你喜欢的。

{
    "name": "仓库名字（用英文）",
    "version": "1.0.0",
    "description": "仓库描述",
    "main": "index.js",
    "directories": {
      "lib": "lib"
    },
    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1"
    },
    "repository": {
      "type": "git",
      "url": "git链接随便填一个.git结尾的链接"
    },
    "keywords": [
      "关键词1",
      "关键词2"
    ],
    "author": "作者名字",
    "license": "ISC",
    "bugs": {
      "url": "BUG提交地址（随便填）"
    },
    "homepage": "主页地址（随便填）"
  }

发布NPM包

将文件夹作为NPM仓库发布到NPM上，在文件夹里右键点击“在终端中打开”（不是Win11就用cd指令进入你的文件夹、Linux同理），然后输入npm login输入你的用户名、密码、邮箱等内容登录让终端至NPM，登陆成功后执行npm pulish等待走完，再去NPM官网上看看自己的Packages中有没有刚发布的包，有的话说明成功。

访问NPM包

可以用大厂的CDN访问你的文件、unpkg支持可视化查看NPM包内的内容（NPM官网也提供，可以查看自己包内的内容），版本如果你没有修改上面配置文件的版本，那么就填1.0.0
Unpkg可视化链接：

https://unpkg.com/browse/包名@版本/

下面为直链访问方法，可直接引入网页用来加速静态文件或者字体文件

大厂运营镜像CDN（其他比如阿里/京东会阻断私有包访问）：

1、UNPKG（国内访问速度不佳）
文档：查看链接

https://unpkg.com/包名@版本号/文件路径

2、JsDeliver（国内访问速度玄学）
文档：查看链接

# 国内访问速度较好
https://gcore.jsdelivr.net/npm/包名@版本号/文件路径
# 国内访问速度一般
https://fastly.jsdelivr.net/npm/包名@版本号/文件路径
# 国内可能无法访问
https://cdn.jsdelivr.net/npm/包名@版本号/文件路径

3、饿了么（国内访问极佳，目前无任何限制）
文档：无

https://npm.elemecdn.com/包名@版本号/文件路径

4、京东（国内访问极佳，需申请私有包白名单）
文档：查看链接

https://unpkg.shop.jd.com/包名@版本号/文件路径

私人运营镜像CDN（部分会阻断图片字体相关传输）

大部分搭建在免费的Vercel和Gcore上，小部分搭建在付费的云平台（详情查看镜像源对应文档），感谢大佬们的贡献。
1、渺软公益 CDN（UNPKG镜像 & JsDeliver镜像）
文档：查看链接

https://npm.onmicrosoft.cn/包名@版本号/文件路径
https://jsd.onmicrosoft.cn/npm/包名@版本号/文件路径
//传输字体文件专用
https://font.onmicrosoft.cn/包名@版本号/文件路径

2、Tianli（JsDeliver镜像）
文档：查看链接

https://cdn1.tianli0.top/npm/包名@版本号/文件路径
https://cdn2.tianli0.top/npm/包名@版本号/文件路径
https://cdn3.tianli0.top/npm/包名@版本号/文件路径

3、codeqihan（JsDeliver镜像）
文档：查看链接

https://jsdelivr.codeqihan.com/npm/包名@版本号/文件路径

2、JSDMirror（JsDeliver镜像）
文档：查看链接

https://cdn.jsdmirror.com/npm/包名@版本号/文件路径