JSDelivr 介绍

JSDelivr 是由 @Cloudflare 提供的免费开源公共 CDN。

默认节点

  • 默认提供的节点是：cdn.jsdelivr.net
    该节点国内几乎不可用，需要使用可用性高的节点作为替代。

可用的 jsDelivr 节点

  • 常用于加速 GitHub/npm 项目，可通过更改节点改善项目在国内的可用性。
节点描述可用性
gcore.jsdelivr.netGcore 节点高
testingcf.jsdelivr.netCloudflare 节点高
quantil.jsdelivr.netQuantil 节点一般
fastly.jsdelivr.netFastly 节点一般
originfastly.jsdelivr.netFastly 节点低
test1.jsdelivr.netCloudflare 节点低
cdn.jsdelivr.net通用节点低

第三方提供的 jsDelivr 节点

  • 一些第三方提供的 jsDelivr 节点，可用于国内访问。
节点来源
jsd.cdn.zzko.cn国内CDN
jsd.onmicrosoft.cn国内CDN
jsdelivr.b-cdn.net台湾CDN
cdn.jsdelivr.usAnycast

npm 节点

  • npm 节点：unpkg.com 国内几乎不可用，可用下方国内 cdn 节点。
节点来源特点
npm.elemecdn.com饿了么同步快，缺的多
npm.onmicrosoft.cn公益需准确的版本号
unpkg.zhimg.com知乎同步慢
npm.akass.cn公益需准确的版本号
cdn.chuqis.com/npm/公益需准确的版本号
code.bdstatic.com/npm百度仅同步热门包

根据需要添加适合的CDN加速节点。

扩展

加速其他类型库，比如头像、字体、js，css等，都可以通过 CDN 加速。

加速域名列表

国内加速服务的域名列表如下，您只需要修改程序里的原域名即可

原域名加速域名制作方法
cdnjs.cloudflare.comcdnjs.loli.net每日同步 Github
ajax.googleapis.comajax.loli.netNginx 反代
fonts.googleapis.comfonts.loli.netNginx 反代
fonts.gstatic.comgstatic.loli.netNginx 反代
themes.googleusercontent.comthemes.loli.netNginx 反代
secure.gravatar.comgravatar.loli.netNginx 反代

某些众所周知的原因，好多开源的 JS 库采用的国外 CDN 托管方式在国内访问速度不如人意。所以制作了这个公益项目，托管了 CDNJS 的所有开源 JS 库以及反代了 Google Fonts、Ajax 和 Gravatar。

1、CDNJS 开源 JS 库

采用的方法是每天定时同步 CDNJS 的 Github

所有的 JS/CSS 库可以在这儿找到您需要的链接

链接：【点击跳转】

如果您使用 cdnjs.com 只需要替换 cdnjs.cloudflare.com 为 cdnjs.loli.net 即可，如

1
2
3
4
5
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- 替换为 -->

<script src="https://cdnjs.loli.net/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

CDNJS 的 API 使用文档请参考 CDNJS API

2、Google Fonts

采用的方法是万能的 Nginx 反代 + 关键词替换

使用的时候，您只需要替换 fonts.googleapis.com 为 fonts.loli.net 即可，如

1
2
3
4
5
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

<!-- 替换为 -->

<link href='https://fonts.loli.net/css?family=Open+Sans' rel='stylesheet'>

如果需要 Material icons，把

1
2
3
4
5
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<!-- 替换为 -->

<link href="https://fonts.loli.net/icon?family=Material+Icons" rel="stylesheet">

如果需要 Early Access，把

1
2
3
4
5
@import url(https://fonts.googleapis.com/earlyaccess/notosanskannada.css);

/* 替换为 */

@import url(https://fonts.loli.net/earlyaccess/notosanskannada.css);

如果需要下载单个字体，您只需要把 fonts.gstatic.com 替换成 gstatic.loli.net 或 themes.googleusercontent.com 替换成 themes.loli.net 即可。例：

1
2
3
4
5
https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2

替换为

https://gstatic.loli.net/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2

或者

1
2
3
4
5
https://themes.googleusercontent.com/static/fonts/anonymouspro/v3/Zhfjj_gat3waL4JSju74E-V_5zh5b-_HiooIRUBwn1A.ttf

替换为

https://themes.loli.net/static/fonts/anonymouspro/v3/Zhfjj_gat3waL4JSju74E-V_5zh5b-_HiooIRUBwn1A.ttf

Google Fonts 的 API 开发文档链接：【点击跳转】

3、Google 前端公共库

方法同上，直接替换 ajax.googleapis.com 为 ajax.loli.net 即可，如

1
2
3
4
5
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- 替换为 -->

<script type="text/javascript" src="https://ajax.loli.net/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Google 前端库 API 开发文档链接：【点击跳转】

4、Gravatar 头像

直接替换 *.gravatar.com 为 gravatar.loli.net 即可，如：

1
2
3
4
5
https://secure.gravatar.com/avatar/8406d089bc81b664a2610b8d214c1428

替换为

https://gravatar.loli.net/avatar/8406d089bc81b664a2610b8d214c1428