Featured image of post 使用npm加速静态资源

使用npm加速静态资源

比jsDelivr更推荐的方式!

小声哔哔

jsdelivr好像有点慢,国内经常无法访问到。一通搜索后发现可以使用npm上传🥳,然后使用公共npm的CDN方式进行访问。

注册npm账号

登录npmjs.com,点击右侧的signup注册。

npm注册

本地操作

打开本地终端,新建文件夹作为npm本地仓库,并进入文件夹

检测仓库源是否为npm官网源:

1
npm config get registry

npm-命令行登录

如果不是上图的源,需要自行切换回来。

本地登录:

1
npm login

输入账号密码,如果是新注册的账号,会向你的注册邮箱发送一次性验证码邮件。提示登录成功即可。

npm-初始化

这里全部填写完毕后仓库生成完毕。可以在本地添加任意资源咯。🎉

注意:会在仓库根目录下生成package.json文件,不要删除!!

推送文件

在本地仓库文件夹中打开终端,输入

1
npm publish

向官网推送。

npm-推送状态

打印如上信息即为推送成功。

如果要需要再次添加文件,需要在根目录下的package.json文件中修改版本号,再次推送。

npm-仓库

推送成功后可以在官网找到你推送的包。

使用资源

想要使用已推送的文件有几种方式。

比如下面这张图片:

图片

  1. jsDelivr

    这是最常用的方式吧。

    https://cdn.jsdelivr.net/npm/仓库名@版本号/文件路径

  2. 饿了么cdn

    国内首选!

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

应该还有好多,但是就不一样列举咯。

完结撒花🎉🎉🎉

Licensed under CC BY-NC-SA 4.0
Built with Hugo
主题 StackJimmy 设计