百度百科
CDN 的全称是 Content Delivery Network,即内容分发网络。CDN 是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN 的关键技术主要有内容存储和分发技术。
新建 Github Repository
就常规的新建 Github 仓库,作为内容存储;最好都使用命令行操作,不熟悉的自己去查,这是最基础的,乖哦!我就不说了
通过 jsDelivr 引用资源
jsDelivr 是什么?
jsDelivr
由 ProspectOne 维护的公共库,使用的融合 CDN 技术,由 Cloudflare、Fastly、StackPath、QUANTIL 等 CDN 供应商提供了全球超过 750 个 CDN 节点。
最重要的是,jsDelivr 在中国大陆也拥有超过数百个节点,因为 jsDelivr 拥有正规的 ICP 备案,解决了中国大陆的访问速度优化,实现真正的全球极速低延迟体验。
jsDelivr 是免费的、不限制带宽的,可以加速 NPM、Github 内的文件。
使用方法
- 根据版本号
https://cdn.jsdelivr.net/gh/Username/YourRepoName@Version/FilePath - 根据 Commit Hash 提交记录
https://cdn.jsdelivr.net/gh/Username/YourRepoName@CommitHash/FilePath - 获取最新提交
https://cdn.jsdelivr.net/gh/Username/YourRepoName/FilePath
举个例子 🍌
https://cdn.jsdelivr.net/gh/leeifme/oss-aliyun-cli@0.1.0/README.md |
代码压缩
jsDelivr 还提供了代码压缩服务,比如将 JS/CSS 的代码压缩,优化访问速度。只是前几次访问会执行压缩操作,速度比较慢。后面就会将文件缓存,速度不会再慢了。直接将访问链接的文件后缀改成 .min.js
即可。
例如: https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/example.min.js