【经验分享】免费好用的CDN——JsDelivr

Explorer 发布于 2024-12-23 520 次阅读


AI 摘要

还在为网站加载速度慢而烦恼?想知道如何免费加速你的内容分发吗?本文将揭秘一款免费好用的CDN——JsDelivr。它能加速你的网站访问速度,降低网络拥堵。更令人惊喜的是,JsDelivr还能无缝集成Github资源,通过特定URL规则,直接引用Github仓库中的文件。文章提供了详细的JsDelivr使用方法,包括URL构造规则,教你轻松上手,让你的网站速度飞起来!

CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。——百度百科

今天介绍一个免费公用的CDN——JsDelivr

JsDelivr

JsDelivr可以代理GitHub仓库中的资源

实际使用中的访问速度也是比较快的():

与 Github 整合

仅仅如此其实并不够好,JSDelivr 还能够集成 Github、NPM 资源,只需要通过符合 JSDelivr 规则的 URL 引用,即可直接使用 Github 中的资源。

例如通过Jsdelivr直接引用我GitHub仓库中的图片地址:

原地址为:https://raw.githubusercontent.com/lj200612/mywebsite/refs/heads/master/1729668103-433.webp

引用后:

https://cdn.jsdelivr.net/gh/lj200612/mywebsite@refs/heads/master/1729668103-433.webp

以上链接可能会跳转至raw.githubusercontent.com域名,使用以下链接即可https://gcore.jsdelivr.net/gh/lj200612/mywebsite@master/1729668103-433.webp

可通过以下地址转换:Migrate from GitHub to jsDelivr

也可遵照以下规则自行构造地址

构造规则说明

  • 基本格式
  • https://cdn.jsdelivr.net/gh/用户名/仓库名@版本号/文件路径
    • 用户名:GitHub 用户名。
    • 仓库名:GitHub 仓库名称。
    • 版本号:指定版本(分支、标签或提交哈希),可选。

具体说明如下:

// 用户名/仓库名@版本号/文件名
https://cdn.jsdelivr.net/gh/user/repo@version/file
// load jQuery v3.2.1
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/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


// 忽略版本号则默认使用最新版
// you should NOT use this in production
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js


// 在任意JS/CSS文件后添加 .min 能得到一个缩小版
// 如果它本身不存在,我们将会为你生成
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js


// 在末尾加 / 则得到目录列表
https://cdn.jsdelivr.net/gh/jquery/jquery/

此作者没有提供个人介绍。
最后更新于 2025-06-28