【jsDelivr】jsDelivr - 一个免费、快速、可靠的为JS和开源项目服务的CDN

最新推荐文章于 2024-07-23 13:21:25 发布
最新推荐文章于 2024-07-23 13:21:25 发布
阅读量5.4k 收藏 6
点赞数 1
分类专栏： 开源工具 文章标签： jsDelivr CDN gcore fastly 内容分发网络 CDN加速
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenlu5201314/article/details/131322013
版权

文章目录


jsDelivr 简介

官网
jsDelivr是一个提供含JavaScript库、jQuery插件、CSS框架、字体等Web上经常使用静态资源的服务，采用全球CDN加速，确保每一个地区的使用者都能得到最好的链接速度，大陆地区使用国内CDN加速jsDelivr可将不一样的JavaScript或CSS库集合在一块儿使用，jsDelivr提供包扣npm、ESM、GitHub、WordPress等项目的镜像服务。最重要的是jsDelivr在国内使用的是网宿的CDN节点延迟低。jsDelivr 将重心放在更快速的网路连线，利用 CDN 技术来确保每个地区的使用者都能获得最好的连线速度。
用户在访问网站的同时，只是从用户服务器加载少量动态资源，大量静态资源全部通过jsDelivr的CDN进行加载，这样既能减少服务器的请求，也能减少用户服务器CDN流量的使用，这样可以有效的优化私有服务器的资源加载速度、带宽等问题。

jsDelivr 工作原理

在这里插入图片描述

jsDelivr加速域名如下

  • cdn.jsdelivr.net： 意大利、韩国、泛播Cloudflare
  • fastly.jsdelivr.net: 中国香港、日本东京、泛播 Fastly
  • gcore.jsdelivr.net ：德国Gcore
  • jsdelivr.codeqihan.com ：个人镜像，泛播 Cloudflare
  • test1.jsdelivr.net
  • testingcf.jsdelivr.net ：泛播 Cloudflare

cdn.jsdelivr.net 2023/06/21 域名解析结果

地址ip
泛播 Cloudflare104.16.85.20
泛播 Cloudflare104.16.89.20
泛播 Cloudflare104.16.86.20
韩国 庆尚北道 浦项市 KT59.24.3.174
意大利 伦巴第 米兰93.46.8.90
泛播 Cloudflare104.16.87.20
泛播 Cloudflare104.16.88.20

fastly.jsdelivr.net 2023/06/21 域名解析结果

地址ip
泛播 Fastly146.75.113.229
中国 香港 Fastly151.101.77.229
日本 东京 Fastly151.101.109.229

gcore.jsdelivr.net 2023/06/21 域名解析结果

地址ip
德国92.223.84.84
德国92.223.84.254

test1.jsdelivr.net 2023/06/21 域名解析结果

地址ip
泛播 Cloudflare104.16.85.20
泛播 Cloudflare104.16.89.20
泛播 Cloudflare104.16.86.20
泛播 Cloudflare104.16.88.20
泛播 Cloudflare104.16.87.20

仓库

  • npm：https://<jsDelivr加速域名>/npm/<项目>@<版本>/<资源路径>
  • ESM: https://esm.run/<项目>@版本/<资源路径>
  • GitHub: https://<jsDelivr加速域名>/gh/<用户>/<项目>@<版本>/<资源路径>
  • WordPress: https://<jsDelivr加速域名>/wp/plugins/<项目>/tags/<版本>/<资源路径>

拓展 - 其他CDN

注意: 在生产环境中，不建议使用最新版本的方式获取资源，原作者在版本升级过程中会对一些功能进行新增、删除或修改，当原作者对版本进行升级的时候可能会导致网站打开失败、布局错乱、主题不符等情况，建议直接指定版本来部署生产环境

npm

  1. 加载任何托管在npm上的项目
    https://fastly.jsdelivr.net/npm/package@version/file

  2. 加载jQuery v3.6.4
    https://fastly.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js

  3. 使用版本范围而不是特定版本
    https://fastly.jsdelivr.net/npm/jquery@3.6/dist/jquery.min.js
    https://fastly.jsdelivr.net/npm/jquery@3/dist/jquery.min.js

  4. 完全省略版本以获取最新版本
    注意: 在生产环境中，不建议使用这种方式获取资源
    https://fastly.jsdelivr.net/npm/jquery/dist/jquery.min.js

  5. 在任何JS/CSS文件名后面添加".min"以获得经过压缩的版本

// 如果没有压缩版本，我们会为您生成。
https://fastly.jsdelivr.net/npm/jquery@3.6.4/src/core.min.js

  1. 省略文件路径以获取默认文件
    https://fastly.jsdelivr.net/npm/jquery@3.6

  2. 在结尾添加 /可以获取目录列表
    https://fastly.jsdelivr.net/npm/jquery/

ESM

  1. 加载任何托管在npm上的项目
    https://esm.run/package@version/file

  2. 加载d3 v7.8.3
    https://esm.run/d3@7.8.3

  3. 使用版本范围而不是特定版本
    https://esm.run/d3@7.8
    https://esm.run/d3@7

  4. 完全省略版本以获取最新版本
    注意: 在生产环境中，不建议使用这种方式获取资源
    https://esm.run/d3

  5. 加载指定的文件
    https://esm.run/d3/dist/d3.js

所有包都会自动捆绑和压缩

GitHub

  1. 加载任何GitHub版本、提交或分支
    注意: 我们建议对支持npm的项目使用npm
    https://fastly.jsdelivr.net/gh/user/repo@version/file

  2. 加载jQuery v3.6.4
    https://fastly.jsdelivr.net/gh/jquery/jquery@3.6.4/dist/jquery.min.js

  3. 使用版本范围而不是特定版本
    https://fastly.jsdelivr.net/gh/jquery/jquery@3.6/dist/jquery.min.js
    https://fastly.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

  4. 完全省略版本以获取最新版本
    注意: 在生产环境中，不建议使用这种方式获取资源
    https://fastly.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

  5. 在任何JS/CSS文件名后面添加".min"以获得经过压缩的版本
    如果没有压缩版本，将会自动生成。
    https://fastly.jsdelivr.net/gh/jquery/jquery@3.6.4/src/core.min.js

  6. 在结尾添加 / 可以获取目录列表
    https://fastly.jsdelivr.net/gh/jquery/jquery/

WordPress

  1. 从WordPress.org插件SVN仓库中加载任意插件
    示例
    https://fastly.jsdelivr.net/wp/plugins/project/tags/version/file

  2. 加载指定的版本
    https://fastly.jsdelivr.net/wp/plugins/wp-slimstat/tags/4.6.5/wp-slimstat.js

  3. 加载最新版本
    注意: 在生产环境中，不建议使用这种方式获取资源
    https://fastly.jsdelivr.net/wp/plugins/wp-slimstat/trunk/wp-slimstat.js

  4. 从WordPress.org主题SVN仓库中加载任意主题
    https://fastly.jsdelivr.net/wp/themes/project/version/file

  5. 加载一个指定版本的主题
    https://fastly.jsdelivr.net/wp/themes/twenty-eightteen/1.7/assets/js/html5.js

注意：

  • 在任何JS/CSS文件名后面添加".min"以获得经过压缩的版本
  • 如果没有压缩版本，将会自动生成。

常见问题

cdn.jsdelivr.net无法访问

解决方法一
更换一个有用的 jsDelivr加速域或仓库,一般作者只会在npm、ESM、GitHub、WordPress等其中一个仓库进行资源上传，如果作者在不同的仓库都有上传的，那么他的<用户>/<项目>@<版本>/<资源路径>也是不一样的
如：katex@0.16.7 的 katex.min.js ,以下总有一个jsDelivr加速域名能访问，如果都不能建议更换版本号或删掉版本号（默认获取最新的版本）

npm仓库地址

GitHub仓库地址

解决方法二
将相关资源下载到自己的项目中，搭建网站时将其存在到自己的服务器上，这样就不会收到第三方的限制。但是这样做有以下缺点：

  • 消耗流量
  • 拖慢网站的加载速度
少莫千华
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
jsdelivr：适用于npm和GitHub的免费，快速，可靠的开源CDN
02-03
jsdelivr：适用于npm和GitHub的免费，快速，可靠的开源CDN
jsdelivr-cdn：jsdelivr-cdn
02-15
jsdelivr（又称jsDelivr）是一个免费的、全球化的、高性能的开放源代码CDN（内容分发网络）。它致力于提供快速、可靠且无限制的静态资源托管服务，特别适用于前端开发者和网站所有者，以提高网页加载速度和用户体验...
如何使用jsDelivr+Github 实现免费CDN加速?
Gefangenes的博客
05-12 1304
cdn 全称Content Delivery Network即内容分发网络。CDN是一组分布在多个不同地方的WEB服务器，可以更加有效的向用户提供资源，会根据距离的远近来选择。使用户能就近的获取请求数据，解决网络拥堵，提高访问速度，解决由于网络带宽小，用户访问量大，网点分布不均等原因导致的访问速度慢的问题。是一个免费、快速和可信赖的CDN加速服务，声称它每个月可以支撑680亿次的请求。服务在Github上是开源的，jsDelivr地址。
图床搭建GitHub+PicGo+jsdelivr(CDN)+Typora（内附加速工具）
Lzcsfg的博客
05-01 1171
PicGo是一个用于上传图片的客户端，支持拖拽上传、剪贴板上传，功能十分方便。下载地址：个人网盘自取版本2.4.0：链接：https://pan.baidu.com/s/1OAym3QPhZnN4J1RVgJWgDQ?pwd=c1ws提取码：c1ws安装PicGo——双击安装包这样就安装成功啦。
【站长工具】jsdelivr挂了后,我是如何拯救我的个人网站的(halo)
DarkAthena的博客
03-08 8581
前言 众所周知,在去年年底,知名的免费cdn服务提供商jsdelivr由于大陆域名备案的问题,没有国内的CDN加速了,目前都只能解析到海外,不但速度慢,还会偶发性无法连接到服务器。因此国内超多网站都受到了影响。 有人说可以批量修改引用的url,都改成 unpkg.com,但实测,我的个人网站上有一半的js和css在这个站点上是没有的。 由于我的个人站点并没有提供多少花里胡哨的内容,所以我就想着把所有要从jsdelivr获取的文件都下载到服务器本地,不再从外部获取,没准哪天海外服务都没了那就芭比Q了。 操作步
使用jsDelivr和GitHub，上传本地静态资源到免费CDN
Mr Dear的博客
05-18 2064
使用jsDelivr和GitHub，上传本地静态资源到免费CDN
jsdelivr替换方案
紫烟
01-13 614
国外的cdn，速度不能说慢，但却有间歇性的延迟。可将jsdelivr替换成elemecdn。将前面的替换掉即可，例子。
用 jsDelivr 免费加速 GitHub Pages 的静态资源
靠谱-ing
05-02 1976
挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue，说希望能增加 CDN 用于加速静态资源的加载，由于懒，一直没有动。 最近偶尔要打开自己博客看下 Wiki 的时候，要等挺久，比较痛苦，碰巧昨天晚上看到这样一篇帖子：GitHub 图床的正确用法，通过 jsDelivr CDN 全球加速，感觉很适合我的需求场景，于是决定趁这几天休假将这个改造一下。 先看效果 以下改造前后的加载...
cdn-server:我们的开源本地自制CDN服务器
04-30
Blob专案：CDN（开放原始码） 易于使用，可定制，安全，最新和简约。文献资料即将推出。入门该项目在运行。 请确保所有内容都是最新的。 重要的是，请在下面使用我们推荐的Essentials版本，以防止发生任何意外的故障...
GitHub + PicUloader + jsDelivr : 通过 web 上传的免费图床和图像访问 CDN 加速
01-08
原文 ...jsDelivr 是免费、快速、开源、可靠的开源 CDN，支持 NPM、GitHub、WordPress，以及为 GitHub 的图像存储库提供 CDN 访问提速 PicUploader 介绍 PicUploader 是一个用 php 编写的图
CDN:jsdelivr CDN
03-28
jsdelivr CDN是其中的一个开源、免费的公共CDN服务，专门用于加速静态资源（如JavaScript、CSS、图片等）的加载。 jsdelivr CDN的优势在于其广泛分布的节点，能够快速响应用户的请求，减少延迟，提升用户体验。它...
jsDelivr 开源公共 CDN
zimeng303的博客
01-11 2829
文章内容输出来源：拉勾教育 大前端高薪训练营 jsDelivr 基本介绍 CDN，全称是 Content Delivery Network，即内容分发网络。 jsDelivr 是一个免费开源的 CDN 解决方案，用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。 jsDelivr 可以解决 npm、GitHub、WordPress` 加载资源缓慢，甚至打不开等的问题，因为它免费提供CDN 加速。 jsDelivr 基本使用 官网.
Jsdelivr CDN 加速服务又被 DNS 污染了（附临时解决方案）
热门推荐
XavierJ的博客
05-18 1万+
近两天写博客的时候发现 Jsdelivr 的 CDN 加速服务用不了，具体表现为添加 Jsdelivr CDN 的链接无法访问。 这里给个例子： GitHub 图片原链接（访问有点慢） https://raw.githubusercontent.com/XavierJiezou/ys-dl/main/image/favicon.ico 添加 Jsdelivr CDN 加速后的链接（提高 GitHub 静态资源的访问速度） https://cdn.jsdelivr.net/gh/XavierJi
jsDelivr白嫖全球超高速cdn（白嫖免费外部js,css加速教程）
qq_34403283的博客
03-28 2948
经速度测试，访问速度非常快，有效提升整体速度，还能省下一大笔费用，实属优质白嫖~
cdn.jsdelivr.net不可用，该怎么办
程序员小谭的博客
07-26 1685
大家好，我是小谭。事情是这样的，之前我的个人网站testtalking出现加载缓慢，乃至无法访问的问题。最近，我在公号上免费提供给大家的软件测试项目，打开主页后，也会一直转圈。
ripro主题后台Jsdelivr CDN 加速服务挂了的临时解决方案。
最新发布
jiyc2008的博客
07-23 2355
近两天写博客的时候ripro后台的图标都没法显示了，查了一下发现ripro后台用的是Jsdelivr 的 CDN 加速服务，而最近两天Jsdelivr CDN正好在大陆无法访问了，只能临时解决一下。 Jsdelivr官方的说法是 Jsdelivr 在中国区的 CDN 服务再一次被 DNS 污染了，被指向到了 Google、Twitter 和 Facebook 的 IP 地址，导致被墙了。 不过虽然 cdn.jsdelivr.net 被 DNS 污染了，但幸运的是 fastly.jsdelivr.net
第一章：Vue项目 引入LuckySheet
weixin_39246975的博客
12-03 1万+
1、前景：在Vue网页开发中，时常会遇到需要在线编辑excel或者是多人同时编辑excel的需求，那怎么办呢？在这里，博主最近也接触了这个需求，通过了解，决定使用LuckSheet这个开发的插件。 2、首先来看一下它的官网：LuckSheet 3、引入LuckSheet 3.1、两种引入方式：CDN和本地引入 3.2、CDN: <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pl
Typora + PicGo(core) + Github环境配置
DxcLv的博客
02-27 265
Typora + PicGo + Github 解决typora写博客，本地图片无法上传各种网站的问题。
pyecharts 生成网页资源加载缓慢，更换默认echarts.min.js加载地址。
ZZULI_星.夜
08-08 3399
致读者： 博主是一名数据科学与大数据专业大二的学生，真正的一个互联网萌新，写博客一方面是为了记录自己的学习过程中遇到的问题和思考，一方面是希望能够帮助到很多和自己一样处于困惑的读者。 > 由于水平有限，博客中难免会有一些错误，有纰漏之处恳请各位大佬不吝赐教！之后会写大数据专业的文章哦。 GitHub链接https://github.com/wfy-belief 尽管现在我的水平可能还不太及格，但我会尽我自己所能，做到最好☺。——天地有正气，杂然赋流形。下则为河岳，上则为日星。 码文不易，可以给我.
https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js
05-27
https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js 是一段网址，它是通过 jsDelivr 提供的 jQuery CDN 服务来引入 jQuery 库文件的。CDN（Content Delivery Network，内容分发网络）是一种用于加快网站内容传输速度的技术，它通过将网站的静态资源缓存到分布在不同地理位置的服务器上，实现了更快、更可靠的访问速度。 jsDelivr 是一个免费的开源 CDN 服务，它提供了许多流行的 JavaScript 库、CSS 框架、图标字体等静态资源的加速服务。使用 jsDelivr 引入 jQuery 库的方式与引入其他 CDN 服务（如 BootCDN）的方式类似，只需要在 HTML 文件中通过`<script>`标签引入即可。 ```html <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> ``` 在这个例子中，`src` 属性的值是 jsDelivr 提供的 jQuery CDN 地址，可以根据需要选择其他版本的 jQuery 库文件。通过使用 CDN 加速服务，可以提高网站访问速度和用户体验，同时也减轻了网站服务器的负担。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值