一些适用于中国大陆的CDN整理

为什么需要国内 CDN

一些适用于中国大陆的CDN整理

很多开源库、博客模板默认引用国外的 CDN(unpkg、jsDelivr、Google Fonts、cdnjs 等)。这些在国内访问速度从"勉强能用"到"完全打不开"都有。如果你的网站把核心 JS、CSS、字体托管在这些国外 CDN 上,国内访问者很可能等几秒甚至超时。

解决:用国内可用的免费 CDN 服务,把资源迁过来。本文整理目前(2024-2025)稳定运行、能让站点国内外都跑得快的免费 CDN 站,按性质分组。

说明:文中没附 "<a> 链接"的项目,通常意味着没可视化页面,需要按 URL 规则拼接路径访问资源。

大厂运营的 CDN

大厂提供的 CDN 一般最稳定,带宽充裕,适合长期依赖。

七牛云 (staticfile.net)

地址:https://staticfile.net/

七牛云资助的免费静态资源 CDN,跟 cdnjs.com 同步。常用库基本都有,URL 模式跟 cdnjs 一致。

<!-- 原 cdnjs.com -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<!-- staticfile.net 替换 -->
<script src="https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js"></script>

BootCDN

地址:https://www.bootcdn.cn/

历史最久的国内前端 CDN 之一,可视化页面方便搜索。URL 模式:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

阿里云 CDN (字体专用)

阿里专门的字体 CDN:替代 Google Fonts

<!-- 原 Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

<!-- 阿里 fonts.proxy.ustclug.org / 中科大代理 -->
<link href="https://fonts.proxy.ustclug.org/css?family=Roboto" rel="stylesheet">

jsDelivr 国内镜像

jsDelivr 本身是全球 CDN,国内访问以前一直 OK,但 2023 年后稳定性变差。可用的国内镜像:

  • jsdelivr.b-cdn.net —— 第三方维护
  • cdn.jsdelivr.us —— 国内 IP
  • jsd.cdn.zzko.cn —— 国内备用

使用方式跟 jsDelivr 一致:

<script src="https://jsd.cdn.zzko.cn/gh/jquery/jquery@3.7.1/dist/jquery.min.js"></script>

支持 GitHub repo 任意路径 +版本/分支固定。

cdnjs 国内代理

cdnjs.cloudflare.com 国内速度不稳。代理:

Google Fonts 替代

Google Fonts 国内基本访问不了,几个替代:

  • fonts.loli.net —— 个人维护,国内可用
  • fonts.geekzu.org —— 极客族
  • fonts.proxy.ustclug.org —— 中科大代理
  • fontawesome.cdn.bcebos.com —— 百度 Font Awesome 镜像

使用:

<link href="https://fonts.loli.net/css?family=Roboto:400,700" rel="stylesheet">

专项 CDN

图标:

  • Iconfont(iconfont.cn)—— 阿里图标库,免费下载或 CDN 引用
  • Lucide(lucide.dev)—— 国内访问 OK

npm 包 CDN:

  • npmmirror.com(原淘宝镜像)—— 阿里维护,稳定
  • cdn.tailwindcss.com —— Tailwind 官方 CDN,中国节点

自建 CDN 方案

如果项目重要,不希望依赖第三方,自建是更稳的选择:

  • 阿里云 OSS + CDN —— 几块钱 / 月够用
  • 腾讯云 COS + CDN —— 同上
  • 七牛云对象存储 —— 提供免费 10GB 流量额度
  • Cloudflare R2 + Worker —— 免费 10GB 存储 + 出口流量免费

自建 CDN 的好处:

  1. 不担心第三方 CDN 突然失效
  2. 可以做 TLS,在 HTTP 之上加一层 TLS 加密,防止中间人窃听和篡改。">HTTPS + HTTP/2 + Brotli 等现代特性
  3. 可以监控访问 + 自定义缓存策略

实际选择建议

场景 推荐 CDN
jQuery / Bootstrap / Vue 等常用库 staticfile.net / BootCDN
从 GitHub 拉特定版本 jsdelivr 国内镜像
字体 fonts.loli.net / geekzu
图标 Iconfont
自家静态资源 阿里云 / 七牛云 OSS

关于稳定性

免费 CDN 都有"突然挂"的可能。项目上生产之前,推荐:

  1. 本地备份:把核心 JS / CSS 也下载一份放本地 /static,CDN 挂了能立刻切回
  2. 降级方案:HTML 里写 fallback —— CDN 不可用时自动加载本地版本
<script src="https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="/static/jquery.min.js"></script>');
</script>

这种"CDN + 本地兜底"是最稳的工程实践。

—— 别看了 · 2026
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理 邮箱1846861578@qq.com。
技术教程

在Windows中,搜狗输入法输出直角引号「」的优雅方式

2024-6-25 11:51:15

技术教程

浏览器html的DOM尺寸相关api

2024-6-25 11:59:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索