免费 VPS + CDN 静态站：2026 把出流量成本压到零的架构

如果你只想建一个博客、文档站、落地页或作品集，静态站（Static Site）是免费层最完美的负载——它几乎不消耗 CPU、不吃内存、没有数据库查询，唯一会花钱的就是"把文件送到用户浏览器"的出流量。而恰恰是出流量，被 Cloudflare 这类 CDN 几乎可以压到零。本文给出一套 2026 年把静态站出流量成本压到零的可落地架构。

一、静态站为什么适合免费层

动态站要跑 PHP / Node、查数据库、处理会话，对免费实例的微弱算力是持续压力；静态站只是"返回一堆固定文件"，免费 ARM 或微型实例轻松扛几千并发。再加上静态资源高度可缓存，几乎全部流量都能被 CDN 边缘命中，源站出流量趋近于零。这就是为什么我们说：想用免费层对外服务，第一优先就是静态站。哪怕你以后要加评论、搜索，也可以用后端服务（如 Disqus、Algolia）或 Cloudflare Workers 替你干重活。

二、架构：VPS 源站 + Cloudflare CDN

最简形态：一台免费 VPS（Oracle ARM 或任意廉价机器）当源站，装 Nginx / Caddy 托管构建好的静态文件；域名 DNS 托管到 Cloudflare 并开启橙色云。用户访问时，Cloudflare 边缘先命中，命中不到才回源到你的 VPS。由于静态文件长期不变，给它们设长缓存（Cache-Control: public, max-age=86400 甚至一周），绝大部分请求根本不打到源站。配合 Cloudflare Tunnel，源站甚至不需要公网 IP，安全性和省钱一举两得。

三、零出流量方案：R2 / Pages 兜底

想让源站出流量彻底归零，进阶做法是把静态资源直接放到 Cloudflare R2（S3 兼容、有免费额度）或 Cloudflare Pages（专为静态站设计、构建部署一体化）。这样用户访问的文件全部由 Cloudflare 边缘直接返回，你的 VPS 只在"首次构建 / Webhook 触发"时和 Cloudflare 通信，日常出流量为零。图片、视频、大附件一律走 R2 外链，源站只保留 HTML/CSS/JS 这类小文件。这一套下来，哪怕是 GCP 那苛刻的 1GB/月出流量也永远用不完——详见 GCP 出流量极限。

四、构建与部署：GitHub Actions 自动化

现代静态站多用 Hugo / Astro / Vite / Next 静态导出构建。把源码推到 GitHub，写一条 GitHub Actions：监听到 main 分支推送 → 拉起构建环境 → npm run build → 把 dist/ 同步到 Cloudflare Pages / R2，或 SCP 到你的 VPS。这样你只管写内容，推送即上线，完全不需要手动登服务器。免费 VPS 在这里的角色可以退化为"仅构建缓存 / 特殊动态接口"，日常服务全交给 CDN。

五、免费层跑静态站的坑

缓存击穿回源：如果缓存策略没设好（比如所有页面都 no-cache），每次访问都回源，免费层的出流量和算力都会被吃。务必给静态资源明确的长缓存头。构建算力：在免费 VPS 上跑 npm install + 构建可能很慢（steal time 高），建议构建放 GitHub Actions，VPS 只托管产物。冷启动延迟：源站若长时间无请求，免费实例可能被挂起，首次回源会慢几百毫秒，靠 CDN 长缓存基本能遮住。HTTPS：用 Cloudflare 或 Caddy 自动证书，别手管证书续期。回收风险：先读 Oracle 免费申请自救 把源站机器稳住。

六、FAQ

Q：纯静态站能完全零成本吗？ A：能——Cloudflare Pages/R2 + GitHub Actions，连 VPS 都不用买。Q：要不要用 VPS 当源站？ A：要更大掌控（自定义后端、特殊路由）才用；纯静态优先 Pages/R2。Q：动态功能（评论/搜索）怎么补？ A：用 SaaS（评论、Algolia 搜索）或 Cloudflare Workers 边缘函数替你做。Q：免费 VPS 做源站稳吗？ A：静态站对源站在线率极不敏感（CDN 兜底），短暂离线无感。Q：和直接买年付小机比？ A：图零成本选免费层 + CDN；要简单省心可选 年付档位 里十几刀的小机器直接托管。

七、结论

静态站 + 免费 VPS 源站 + Cloudflare CDN，是 2026 年把"对外服务"成本压到最低、甚至归零的标准答案。最激进的形态（Pages + R2 + Actions）连 VPS 都省了，真正零现金。只要把缓存策略设对、构建外包给 CI，免费层的算力和出流量都不再是瓶颈。想系统化上手，先读 免费层合集，再结合 Tunnel 自建 与 GCP 出流量极限 三篇一起看，架构就完整了。

八、延伸：静态站的 SEO 与缓存策略

静态站天生对 SEO 友好（加载快、结构清），但想排名稳还要两点：① 缓存头给对——HTML 可短缓存（避免改了不生效），CSS/JS/图片设长缓存（max-age=604800 起），既能加速又压低回源；② 预渲染 / SSG——用 Astro / Hugo 在构建期生成纯静态 HTML，搜索引擎直接抓到完整内容，不依赖客户端渲染。再配合 Cloudflare 的自动压缩（Brotli）和 HTTP/3，首屏能压到几百毫秒。这些优化全在 CDN 层完成，源站（哪怕是免费 VPS）几乎零压力。

九、延伸：静态站的安全与合规

静态站攻击面极小，但仍有三件事：① 表单 / 评论走第三方——别在源站接用户输入，交给 Cloudflare Turnstile 或 SaaS，避免源站被刷；② 防盗链——Cloudflare 里对图片 / 大文件设 Referer 校验，防止被人白嫖带宽；③ 合规——若站点面向国内，域名需备案或用境外节点，免费 VPS 源站 + Cloudflare 的边缘架构对备案无影响（备案看的是对外域名）。把这三件做掉，静态站就是"既省又稳又安全"的典范。详见 GCP 出流量极限 里对零出流量的进一步拆解。

十、延伸：静态站的"动态化"小技巧

纯静态也能有动态感：用 Cloudflare Workers 做边缘函数，在请求时注入评论数 / 访问量等（调外部 SaaS）；用 ISR（增量静态再生成）让少数页定时变新鲜；用 JSON 文件 + 前端渲染做"伪数据库"。这些手法让静态站既保留"零算力零出流量"的优势，又不显得死板。真正重的动态需求才上 CloudCone 这类小机做后端，静态站只管对外快。

#静态站 #免费VPS #CloudflareCDN #零出流量 #R2 #Pages #GitHubActions #静态部署 #省钱架构