前端 CDNJS 库及 Google FontsAjax 和 Gravatar 国内加速服务

Posted 51reboot运维开发

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端 CDNJS 库及 Google FontsAjax 和 Gravatar 国内加速服务相关的知识,希望对你有一定的参考价值。

转载|出处:https://sb.sb/css-cdn/


由于某些众所周知的原因,好多开源的 JS 库采用的国外 CDN 托管方式在国内访问速度不如人意。所以我们特意制作了这个公益项目,托管了 CDNJS 的所有开源 JS 库以及反代了 Google Fonts、Ajax 和 Gravatar,并且全部支持 http 和 https


1、CDNJS 开源 JS 库


我们采用的方法是每天定时同步 CDNJS 的 Github(http://t.cn/REVf3N2)


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


https://cdnjs.cat.net/ajax/libs/


如果您使用 cdnjs.com 只需要替换 cdnjs.cloudflare.comcdnjs.cat.net 即可,如

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


替换成

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


CDNJS 的 API 开发文档请摸这里(https://cdnjs.com/api?utm_source=sb.sb)


2、Google Fonts


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


使用的时候,您只需要替换 fonts.googleapis.comfonts.cat.net 即可,如

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


替换成

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


如果需要 Material icons

 (https://material.io/icons/?utm_source=sb.sb),把

<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>


替换成

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


如果需要 Early Access,把

@import url(https://fonts.googleapis.com/earlyaccess/notosanskannada.css);


替换成

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


如果需要下载单个字体,您只需要把 fonts.gstatic.com 替换成 gstatic.cat.netthemes.googleusercontent.com 替换成 themes.cat.net 即可


比如

https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2


替换成

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


或者

https://themes.googleusercontent.com/static/fonts/anonymouspro/v3/Zhfjj_gat3waL4JSju74E-V_5zh5b-_HiooIRUBwn1A.ttf


替换成


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


Google Fonts 的 API 文档请摸这里(https://ke.qq.com/agency/index/index.html#tab=course_admin#admin)


3、Google 前端公共库


方法同上,直接替换 ajax.googleapis.comajax.cat.net 即可,如


<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.cat.net/ajax/libs/jquery/3.2.1/jquery.min.js'></script>


Google 前端库 API 开发文档摸这儿(https://developers.google.com/speed/libraries/?utm_source=sb.sb)


4、Gravatar 头像


方法还是同上,直接替换 *.gravatar.com 为 gravatar.cat.net 即可,如

https://secure.gravatar.com/avatar/8406d089bc81b664a2610b8d214c1428


替换成

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



5、赞助商


国内外 CDN 均由 Cat Networks K.K.(https://cat.net/?utm_source=sb.sb) 赞助

SSL 证书由 SSL.DO(https://ssl.do/?utm_source=sb.sb) 赞助


6、旧域名替换


由于更换了赞助商,旧的域名均采用 301 跳转形式


cdn.css.net 跳转到本文


cdn.css.net/libs/ 跳转到 cdnjs.cat.net/ajax/libs/


cdn.css.net/fonts/fonts.css.network 跳转到 fonts.cat.net


cdn.css.net/ajax/ajax.css.network 跳转到 ajax.cat.net


cdn.css.net/avatar/gravatar.css.network 跳转到 gravatar.cat.net


另外由于 jsdelivr 已不再提供 Github 同步,并且这货自己也有网宿的国内 CDN ,所以


cdn.css.net/files/ 跳转到 cdn.jsdelivr.net 并且不再提供 jsdelivr 的国内加速服务


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

原域名 加速域名 制作方法

cdnjs.cloudflare.com

cdnjs.cat.net

每日同步 Github

ajax.googleapis.com

ajax.cat.net

Nginx 反代

fonts.googleapis.com

fonts.cat.net

Nginx 反代

fonts.gstatic.com

gstatic.cat.net

Nginx 反代

themes.googleusercontent.com

themes.cat.net

Nginx 反代

secure.gravatar.com

gravatar.cat.net

Nginx 反代


招生课程:

  • Python 实战班第 18 期

  • 自动化运维课程第 7 期

  • golang 课程第 3 期

  • 架构师班第 7 期


分享方式:

  • Golang 技术交流群 426582602

  • Python 交流群 365534424 / 238757010


咨询方式:

QQ(1):979950755    小月   

QQ(2):279312229    ada   

WeChat : 1902433859   小月

WeChat : 1251743084   小单



点击【阅读原文】即可跳转

以上是关于前端 CDNJS 库及 Google FontsAjax 和 Gravatar 国内加速服务的主要内容,如果未能解决你的问题,请参考以下文章

前端静态资源公共库CDN

YUM库及NFS共享服务

前端各种库的在线引入地址

JavaScript前端的AES加密与解密实现

高性能并发系统架构应该如何设计?关键是什么?

为google翻译添加清除输入框脚本