由于某些众所周知的原因,好多开源的 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. 【Vue】安装(NPM 方法)

    [Vue2.0 新手完全填坑攻略——从环境搭建到发布]http://www.jianshu.com/p/5ba253651c3b 1.在用 Vue.js 构建大型应用时推荐使用 NPM 安装 2.Vu ...

  2. 软件分享:将应用一键打包成dmg文件

    简介 苹果软件开发完成后,都要打包成dmg文件.通常的做法也许是到系统自带的磁盘工具里制作dmg文件,但这样做比较繁琐,尤其是要打包多个应用时,每次只能制作一个dmg文件很麻烦.分享一个很好用很方便的 ...

  3. AttributeError: 'module' object has no attribute get'

    最近在写python requests相关内容易,突然报错AttributeError: 'module' object has no attribute 'get'" 脚本肯定没问题 怎么 ...

  4. Spring中使用属性文件properties的两种方式

    实际项目中,通常将可配置的参数放到属性文件中,例如数据库连接信息.redis连接信息等,便于统一管理.然后通过IoC框架spring将其加载到上下文中,使得程序可以直接使用. 创建mysql.prop ...

  5. VS2012打开Web项目提示《ASP.NET 4.X 尚未在Web服务器上注册。你需要手动将...》解决方案

    用VS12创建的WEB项目时,默认使用IIS Experess开发服务器,但是每次打开会提示如下提示 但是同一个项目用VS13或VS15打开时,就能正常打开,不会出现以上提示信息. 怀疑是IIS Ex ...

  6. 大话Linux内核中锁机制之完成量、互斥量

    大话Linux内核中锁机制之完成量.互斥量 在上一篇博文中笔者分析了关于信号量.读写信号量的使用及源码实现,接下来本篇博文将讨论有关完成量和互斥量的使用和一些经典问题. 八.完成量 下面讨论完成量的内 ...

  7. case when then else end 与 decode 的区别

    case when  then else end : 条件可以有 等于 ,大于 ,小于 与 decode : 条件只可以有等于的.

  8. 页面缓存优化系列一(expires,cache-control 解读)

    参考文章:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Cache-Control http://caibaojian.com/s ...

  9. solve the promble of VMware Workstation Ubuntu18.04 ethernet interface losting

    $ ifconfig -aens33: flags=4098<BROADCAST,MULTICAST>  mtu 1500    ether 00:**:**:**:**:**  txqu ...

  10. jquery 增加与删除数组元素

    1.数组元素的添加 demoArray.push(value); var demo=new Array(); var key=[4,5]; demo.push(1);//插入数字 demo.push( ...