混合架构拓扑图

国内服务器 + 海外免费服务:最优架构方案

背景 我在国内有一台后端服务器,想用海外免费的云服务(Cloudflare、Supabase、Vercel 等)来降低成本并规避自建数据库的风险。必要时走代理,整体做到接近零成本。 本文分析这套方案的可行性,并给出最优架构。 结论先行 完全可行。 核心思路是:国内服务器做桥接层,所有海外服务在服务端调用(不受 GFW 影响),静态资源通过国内服务器反代加速。数据库用托管服务替代自建,消除运维风险。 一、各个服务的网络可达性 这是最关键的问题。直接测一遍: 服务 从国内服务器访问 从国内浏览器访问 说明 Supabase (API/DB) ✅ 可达 ⚠️ 较慢 REST API/PostgreSQL 直连,延迟约 100-200ms Cloudflare R2 ✅ 可达 ⚠️ 较慢 S3 兼容 API,服务端调用无问题 Cloudflare Workers ✅ 可达 ⚠️ 较慢 服务端 HTTP 调用完全正常 Cloudflare Pages ✅ 可达 ⚠️ 较慢 同上 Resend ✅ 可达 ✅ 正常 邮件 API,调用链路短 Vercel ✅ 可达 ❌ 被墙 需国内服务器反代 Netlify ✅ 可达 ❌ 被墙 同上 Auth0 / Clerk ✅ 可达 ⚠️ 较慢 API 调用正常,前端 SDK 体验一般 Sentry ✅ 可达 ⚠️ 较慢 后端上报没问题 GitHub ⚠️ 不稳定 ⚠️ 不稳定 DNS 污染,建议 hosts 或代理 Google Colab ❌ 被墙 ❌ 被墙 需要全局代理 规律: ...

May 20, 2026 · 3 min · 528 words
Cloudflare Workers 应用场景思维导图

Cloudflare Workers 能解决什么痛点?30+ 场景全梳理

前言 Cloudflare Workers 是一个在全球 300+ 节点运行的 Serverless 执行环境。很多人觉得它只是"云函数"的替代品,但它的真正价值在于运行在网络边缘——请求在离用户最近的节点就被处理,延迟几乎为零。 本文整理了 30+ 个真实可落地的场景,覆盖博客、电商、SaaS、API 网关等方向。 一、博客/内容站 1. 没有评论系统 痛点:静态博客(Hugo/Gatsby/Next.js)没有后端,想加评论只能用 Disqus,臃肿、有广告、数据不在自己手里。 方案:用 Workers + D1(边缘 SQLite)自建评论 API,前端用 Fetch 调用,数据完全自控,零成本。 2. 没有阅读统计 痛点:想知道每篇文章有多少人看过,但不想上 Google Analytics(太重、隐私顾虑)。 方案:Workers 配合 KV,每次访问 +1,支持按文章、按日期维度统计,数据存在自己账户下。 3. 站内搜索不可用 痛点:静态站没有后端,没法实现全文搜索。 方案:Workers 定时爬取全站内容,提取文本建立倒排索引,存储在 D1 或 KV 中,对外提供搜索 API。 4. 文章链接改版造成 404 痛点:心血来潮改了一篇文章的 slug,旧链接全部 404,SEO 权重丢失。 方案:Workers 维护一个 KV 映射表(旧路径 → 新路径),所有 404 请求自动 301 跳转。 5. 图片加载太慢 痛点:文章里插了高清大图,移动端加载好几秒。 方案:Workers 调用 Cloudflare Images API,自动压缩、裁切、转 WebP,按设备返回最合适的尺寸。 ...

May 20, 2026 · 3 min · 443 words
博客架构图 - Hugo + GitHub + Cloudflare

我是如何搭建这个博客的

前言 2026年5月20日,我决定搭建一个自己的博客。整个过程从零开始,花了不到 30 分钟。 本文记录完整的搭建过程。 方案选择 框架: Hugo(极速静态网站生成器) 托管: Cloudflare Pages(免费,自动部署) 代码托管: GitHub 主题: PaperMod Hugo 是一个用 Go 语言编写的静态网站生成器。你只需要写 Markdown 文章,Hugo 会自动将它们转换成 HTML 网页。 Cloudflare Pages 连接 GitHub 仓库后,每次推送代码都会自动构建和部署,完全自动化。 步骤一:安装 Hugo 在本地安装 Hugo: # Linux 环境 wget https://github.com/gohugoio/hugo/releases/download/v0.147.0/hugo_extended_0.147.0_linux-amd64.tar.gz tar -xzf hugo_extended_0.147.0_linux-amd64.tar.gz hugo sudo mv hugo /usr/local/bin/hugo hugo version 步骤二:创建站点 hugo new site my-blog --force cd my-blog git init git submodule add https://github.com/adityatelange/hugo-PaperMod themes/PaperMod 步骤三:配置主题 修改 hugo.toml 配置文件,设置主题为 PaperMod,并配置博客标题、菜单等。 baseURL = 'https://你的用户名.pages.dev/' languageCode = 'zh-cn' title = '我的博客' theme = 'PaperMod' # ... 更多配置 步骤四:写第一篇文章 hugo new content posts/hello-world.md 编辑 Markdown 文件即可写文章。 ...

May 20, 2026 · 1 min · 161 words