为什么需要国内 CDN

很多开源库、博客模板默认引用国外的 CDN(unpkg、jsDelivr、Google Fonts、cdnjs 等)。这些在国内访问速度从"勉强能用"到"完全打不开"都有。如果你的网站把核心 JS、CSS、字体托管在这些国外 CDN 上,国内访问者很可能等几秒甚至超时。
解决:用国内可用的免费 CDN 服务,把资源迁过来。本文整理目前(2024-2025)稳定运行、能让站点国内外都跑得快的免费 CDN 站,按性质分组。
说明:文中没附 "<a> 链接"的项目,通常意味着没可视化页面,需要按 URL 规则拼接路径访问资源。
大厂运营的 CDN
大厂提供的 CDN 一般最稳定,带宽充裕,适合长期依赖。
七牛云 (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
历史最久的国内前端 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 国内速度不稳。代理:
- staticfile.net —— 七牛同步版
- cdnjs 原版 —— 备用
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 的好处:
- 不担心第三方 CDN 突然失效
- 可以做 TLS,在 HTTP 之上加一层 TLS 加密,防止中间人窃听和篡改。">HTTPS + HTTP/2 + Brotli 等现代特性
- 可以监控访问 + 自定义缓存策略
实际选择建议
| 场景 | 推荐 CDN |
|---|---|
| jQuery / Bootstrap / Vue 等常用库 | staticfile.net / BootCDN |
| 从 GitHub 拉特定版本 | jsdelivr 国内镜像 |
| 字体 | fonts.loli.net / geekzu |
| 图标 | Iconfont |
| 自家静态资源 | 阿里云 / 七牛云 OSS |
关于稳定性
免费 CDN 都有"突然挂"的可能。项目上生产之前,推荐:
- 本地备份:把核心 JS / CSS 也下载一份放本地 /static,CDN 挂了能立刻切回
- 降级方案: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