由于某些众所周知的原因,好多开源的 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.com 为 cdnjs.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.com 为 fonts.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.net 或themes.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.com 为 ajax.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 的国内加速服务

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

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

前端 CDNJS 库及 Google Fonts、Ajax 和 Gravatar 国内加速服务的更多相关文章

  1. 国内网站常用的一些 CDN 公共库加速服务

    CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用.与将JS库存放在服务器单机上相比,CDN公共库更加稳定.高速.一 般的CDN公共库都会包含全球所有最流行的开源JavaScri ...

  2. 盘点国内网站常用的一些 CDN 公共库加速服务

    CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用.与将JS库存放在服务器单机上相比,CDN公共库更加稳定.高速.一 般的CDN公共库都会包含全球所有最流行的开源JavaScri ...

  3. 国内站点经常使用的一些 CDN 静态资源公共库加速服务

    web开发人员们的福利来了..旨在为大家提供更快很多其它更好的静态资源库的CDN载入库方案! CDN公共库是指将经常使用的JS库存放在CDN节点,以方便广大开发人员直接调用. 与将JS库存放在serv ...

  4. 盘点国内网站常用的一些 CDN 公共库加速服务(转载)

    百度CND jQuery 地址:<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></scri ...

  5. 推荐一款稳定快速免费的前端开源项目 CDN 加速服务

    前面学习到什么是CDN,全称是Content Delivery Network,即内容分发网络.CDN的通俗理解就是网站加速,CPU均衡负载. CDN的基本思路是尽可能避开互联网上有可能影响数据传输速 ...

  6. (转)Google Fonts 的介绍与使用

    转载自“前端笔记”  http://www.cnblogs.com/milly/archive/2013/05/10/google-fonts.html Google Fonts 是什么?(以下翻译为 ...

  7. 前端公共库cdn服务推荐//提高加载速度/节省流量

    前端公共库cdn服务推荐,使用可以提高js库加载速度同时也可以节省自己空间的流量,CDN加速公共库虽好,不过一定要使用靠谱的前端cdn服务提供方. 以下整理出比较靠谱的国内cdn加速服务器.排名不分先 ...

  8. 前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)

    0. 前端自动化(Workflow) 前端构建工具 Webpack - module bundler Yeoman - a set of tools for automating developmen ...

  9. google fonts 国内使用解决方案

    由于众所周知的原因,国内使用google font库有很大的问题. 解决方案1:使用国内镜像如360网站卫士常用前端公共库CDN服务 优点:使用方便 缺点:目标用户包含国外的开发者,不清楚国外用户的加 ...

随机推荐

  1. js中this应用

    this是js的一个关键字,随着函数使用场合不同,this的值会发生变化.但是总有一个原则,那就是this指的是调用函数的那个对象. 1.纯粹函数调用. function test() { this. ...

  2. Golang测试包

    Golang测试包 golang自带了测试包(testing),直接可以进行单元测试.性能分析.输出结果验证等.简单看着官方文档试了试,总结一下: 目录结构和命令 使用golang的测试包,需要遵循简 ...

  3. js 键盘点击事件

    回车键(Enter)的触发事件  js 代码如下: document.onkeydown = function (e) { if (!e) e = window.event; if ((e.keyCo ...

  4. Win32多线程之核心对象

    CreateThread()传回两个值,用以识别一个新的线程.第一个值是个Handle,  这也是CreateThread()的返回值,大部分与线程有关的API函数都需要它.第二个值是由lpThrea ...

  5. translate动画实例

    <!doctype html> <html lang="en"> <head> <meta name="viewport&quo ...

  6. Selenium & Webdriver 远程测试和多线程并发测试

    Selenium & Webdriver 远程测试和多线程并发测试 Selenium Webdriver自动化测试,初学者可以使用selenium ide录制脚本,然后生成java程序导入ec ...

  7. HDU 1358 Period 求前缀长度和出现次数(KMP的next数组的使用)

    Period Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Subm ...

  8. Gradle Goodness: Automatic Clean Tasks

    Gradle adds the task rule clean<Taskname> to our projects when we apply the base plugin. This ...

  9. DataGuard的三种保护模式

    (一)三种保护模式介绍1.最大性能模式这种模式保证数据库主库性能最大化,主备库之间数据是异步传输的.即,主备日志归档以后才会传输到备库,在备库上使用归档日志文件做恢复操作.这种模式提供在不影响prim ...

  10. iOS之UIButton扩大按钮的响应区域

    在开发中有时会遇见设计图里按钮设计的特别小,这时会用到手动扩大UIButton的响应范围,下面有两个解决办法: 第一种方法:创建一个类目:UIButton+EnlargeTouchArea .h文件 ...