Cloudflare on 我的博客

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

Wed, 20 May 2026 01:30:00 +0800

背景

我在国内有一台后端服务器，想用海外免费的云服务（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	❌ 被墙	❌ 被墙	需要全局代理

规律：

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

Wed, 20 May 2026 01:00:00 +0800

前言

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，按设备返回最合适的尺寸。

我是如何搭建这个博客的

Wed, 20 May 2026 00:30:00 +0800

前言

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 文件即可写文章。