基于 Serverless 的多功能CDN反向代理服务,零成本、高可用
支持国内外主流前端资源库、API服务及字体加速
🌐 演示站点:cdn.siax.cn
基于 Vercel/Netlify/腾讯云 Serverless 架构编写的全能CDN反向代理解决方案,不仅解决 jsDelivr 在中国大陆访问受限问题,更扩展支持 Google Fonts、Gravatar、Gemini API 等多种服务。
- 多平台支持:同时支持 Vercel、Netlify、腾讯云等主流 Serverless 平台
- 统一配置管理:通过单一配置文件管理所有代理规则,自动生成各平台配置
- 高性能设计:启用缓存控制、Gzip/Brotli压缩、HTTP/2支持
- 安全可靠:内置 CORS 支持、安全头设置、文件类型限制
- 丰富的代理服务:支持12+种主流CDN和API服务代理
- 现代化UI:浅色调渐变色设计,响应式布局,支持搜索功能
| 本地路径 | 目标CDN | 用途说明 |
|---|---|---|
| AI API | /gemini/* |
Google Generative Language API |
| NPM加速 | /npm/* |
jsDelivr NPM |
| GitHub加速 | /gh/* |
jsDelivr GitHub |
| WordPress加速 | /wp/* |
jsDelivr WordPress |
| 头像服务 | /avatar/* |
Gravatar |
| NPM浏览器化 | /unpkg/* |
unpkg |
| 前端库 | /cdnjs/* |
cdnjs.cloudflare.com |
| 字体样式 | /fonts/* |
Google Fonts CSS |
| 字体文件 | /fonts-gstatic/* |
Google Fonts Static |
| jQuery官方 | /jquery/* |
code.jquery.com |
| Bootstrap | /bootstrap/* |
BootstrapCDN |
| 图标库 | /fontawesome/* |
Font Awesome |
- 安装 Serverless CLI
npm install -g serverless- 配置腾讯云凭证
serverless config credentials --provider tencent --secret-id YOUR_SECRET_ID --secret-key YOUR_SECRET_KEY- 部署项目
serverless deploy- 登录 腾讯云静态网站托管控制台
- 点击 "新建站点",选择 "从 GitHub/GitLab 导入"
- 授权腾讯云访问您的仓库
- 选择要部署的仓库和分支
- 配置构建命令(可选,本项目无需构建)
- 点击 "部署",系统会自动识别并使用
tencent-hosting.json配置 - 部署完成后,配置自定义域名
cdn.siax.cn
- 登录 腾讯云静态网站托管控制台
- 创建存储桶并启用静态网站托管
- 上传项目文件(index.html、tencent-hosting.json)
- 在 "基础配置" 中导入
tencent-hosting.json配置
| 平台 | 记录类型 | 主机名 | 指向地址 |
|---|---|---|---|
| Vercel | CNAME | @ 或 www | cname-china.vercel-dns.com |
| Netlify | CNAME | @ 或 www | 自动分配的 xxx.netlify.app |
| 腾讯云 | CNAME | @ 或 www | 云函数/静态网站分配的域名 |
Vercel 配置流程:
- 登录 Vercel Dashboard
- 进入项目 → Settings → Domains
- 添加已解析的域名(如
cdn.siax.cn) - 等待 SSL 证书自动签发(约2分钟)
Netlify 配置流程:
- 登录 Netlify 控制台
- 进入 Site configuration → Domain management
- 添加自定义域名并验证所有权
- 开启 HTTPS 强制跳转
腾讯云配置流程:
- 登录 腾讯云控制台
- 进入对应的服务(云函数/静态网站托管)
- 添加自定义域名并完成备案
- 配置 HTTPS 证书
将原 CDN 链接中的域名替换为你的镜像域名 cdn.siax.cn:
# 原链接
https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.js
# 替换后
https://cdn.siax.cn/npm/vue@3/dist/vue.global.js<!-- 原链接 -->
<script src="https://cdn.jsdelivr.net/npm/vue@3.3.4/dist/vue.global.js"></script>
<!-- 替换后 -->
<script src="https://cdn.siax.cn/npm/vue@3.3.4/dist/vue.global.js"></script><img src="https://cdn.siax.cn/avatar/EMAIL_MD5_HASH?s=200&d=mp" alt="用户头像"># 访问 Gemini API
POST https://cdn.siax.cn/gemini/v1/models/gemini-pro:generateContentsiaxcdn/
├── config/ # 配置目录
│ └── proxies.json # 统一代理规则配置
├── scripts/ # 脚本目录
│ └── build-config.js # 配置生成脚本
├── index.html # 主页面
├── index.js # 腾讯云函数入口
├── package.json # 项目依赖
├── vercel.json # Vercel 配置(自动生成)
├── netlify.toml # Netlify 配置(自动生成)
├── serverless.yml # 腾讯云函数配置(自动生成)
└── tencent-hosting.json # 腾讯云静态托管配置(自动生成)
- 编辑
config/proxies.json文件,添加或修改代理规则 - 运行配置生成脚本:
npm run build:config- 部署更新后的配置到对应平台
| 配置项 | 说明 |
|---|---|
name |
项目名称 |
version |
项目版本 |
domain |
自定义域名 |
rules |
代理规则列表 |
security.blockedExtensions |
阻止的文件扩展名 |
security.hotlinkProtection |
防盗链配置 |
security.hotlinkProtection.enabled |
是否启用防盗链 |
security.hotlinkProtection.allowedReferers |
允许的 Referer 列表 |
security.cors |
CORS 配置 |
security.headers |
安全头设置 |
performance.cacheControl |
缓存控制策略 |
performance.contentEncoding |
内容编码方式 |
"security": {
"hotlinkProtection": {
"enabled": true,
"allowedReferers": [
"*.siax.cn", // 允许所有 siax.cn 子域名
"localhost", // 允许本地访问
"127.0.0.1", // 允许本地 IP 访问
"yourdomain.com" // 允许特定域名
]
}
}| 平台 | 防盗链支持情况 |
|---|---|
| Vercel | 需要通过 Edge Functions 实现 |
| Netlify | 支持(通过 headers.conditions) |
| 腾讯云函数 | 支持(通过代码实现) |
| 腾讯云静态托管 | 支持(通过控制台配置) |
欢迎通过以下方式参与项目:
- 提交 Issue 反馈问题
- Fork 项目并提交 Pull Request
- 完善文档和示例
- 分享项目给更多需要的人
本项目采用 MIT License 开源
如果本项目对您有帮助,请点亮 ⭐ Star 支持!
- 前端:HTML5 + CSS3 + JavaScript (ES6+)
- Serverless:Vercel Functions / Netlify Functions / 腾讯云函数
- 配置管理:JSON + Node.js 脚本
- 依赖:axios (用于腾讯云函数代理请求)
- 缓存策略:设置
public, max-age=31536000, immutable长期缓存 - 压缩支持:启用 Gzip 和 Brotli 压缩
- 安全头:
X-Content-Type-Options: nosniffX-Frame-Options: SAMEORIGINX-XSS-Protection: 1; mode=block
- CORS:支持跨域请求,允许所有来源
- ✨ 初始版本发布
- 🚀 支持 Vercel、Netlify、腾讯云多平台部署
- 📦 支持12种主流CDN和API服务代理
- 🎨 现代化浅色调渐变色UI设计
- 🔍 内置搜索功能
- 📋 一键复制示例链接
- 🔒 安全配置优化
SiaxCDN - 让CDN访问更简单、更快速、更可靠!