$0.01/天搭建独立网站：你的数字主权，从 Hugo + Cloudflare 开始

📌 你的博客、作品集、产品页、知识库——这些数字资产，是放在别人平台上随时可能消失，还是放在你自己的域名下谁也拿不走？这篇文章用 4 步带你从零搭建一个纯静态的独立网站，每年最少花 $1（对，一美元），加载速度秒杀一切 CMS，而且没有服务器就没有安全漏洞。

技术栈：轻到只有三样东西

IndieWeb 建站方案的哲学是「每一层都用最简单、最可靠、最不花钱的方案」。最终的栈只有三层：

Hugo（或 Astro）—— 静态网站生成器。 Hugo 是用 Go 语言写的最快静态网站生成器，官方的说法是「世界上最快的网站构建框架」。一篇 Markdown 文章 → 一条 hugo 命令 → 一秒内生成整个站点。支持 300+ 主题、多语言、SEO 全内置。如果你更偏向现代前端体验，Astro 是另一个绝佳选择——支持 React/Vue/Svelte 组件，但最终输出纯静态 HTML。

Markdown + Git —— 内容系统和版本控制。 你的所有文章都是 .md 纯文本文件，每一篇的修改都有 Git 历史记录。不需要数据库，不需要后台编辑器——用 VS Code、Obsidian、甚至记事本都能写。版本控制天然保护你的内容不被误删。一个 GitHub 仓库就装下了你整个知识体系。

Cloudflare Pages —— 免费托管 + 全球 CDN。 这是整个方案的灵魂。Cloudflare Pages 免费方案的核心数据：

• 无限带宽 —— 不是「很慷慨的额度」，是字面意义的无限。无论日访问量 100 还是 100 万，一分钱不收。这是 Vercel（100GB/月）和 Netlify（约 30GB/月积分制）在任何价位都给不了的东西。
• 500 次构建/月 —— 每 push 一次代码自动构建部署。对个人博客来说，一天一篇也就 30 次，完全用不完。
• 全球 300+ 节点 CDN —— 用户无论在上海、纽约还是柏林，访问速度都极快。
• 免费 SSL 证书 + HTTP/3 —— 自动配置 HTTPS，无需任何操作。
• 100 个自定义域名/项目 —— 够你绑定 .com、blog.、docs. 等各种子域名。
• 无限团队成员 —— 跟朋友一起维护完全不需要加钱。

唯一花钱的是域名。

成本拆解：每年 1 到 10

把上面三层加总，全部开列清单：

平均到每天：0.0027 到 0.027。不到 1 美分一天。

vs 主流方案：便宜 10-100 倍

把这张表放大到主流建站方案的对比，差距惊人：

差距的本质不在「省了多少钱」，而在架构的简约性：

• Ghost/WordPress 需要服务器 —— 意味着你需要维护操作系统、数据库、PHP/Node 版本、安全补丁。一个小漏洞就能让整个站点沦陷。
• Squarespace/Notion 是 SaaS 服务 —— 你的数据锁在别人的平台上。平台改价格、改条款、甚至倒闭，你的内容都面临风险。Notion 前段时间访问慢到让依赖它的用户痛不欲生。
• IndieWeb 方案是纯 HTML 文件散落在全球 CDN 上 —— 没有服务器 = 没有安全漏洞。 没有数据库 = 没有 SQL 注入。没有 PHP 插件 = 没有零日漏洞。你唯一的维护工作就是偶尔写文章和 git push。

上手 4 步：从空白屏幕到公网可访问

第一步：选域名并购买

去 Namecheap、Porkbun、Cloudflare Registrar 任意一家（推荐 Cloudflare Registrar，因为后面设置 Pages 自定义域名零配置）。

• 预算最低：买个 .xyz 域名，Porkbun 常年 $0.95-1.5/年
• 想正经：.com 域名约 10/年，Namecheap 首年常有 6 促销
• 小技巧：选短、好拼、无连字符的域名，它要用一辈子

第二步：装 Hugo 并创建站点

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

# macOS
brew install hugo

# Windows（用 Scoop）
scoop install hugo

# Linux
sudo apt install hugo

# 创建站点
hugo new site myblog
cd myblog

# 安装一个主题（以 PaperMod 为例，GitHub 14K+ Star）
git init
git submodule add https://github.com/adityatelange/hugo-PaperMod themes/PaperMod
echo "theme = 'PaperMod'" >> hugo.toml

第三步：写第一篇 Markdown 文章

1

hugo new posts/hello-world.md

编辑 content/posts/hello-world.md：

1
2
3
4
5
6
7

---
title: "你好，世界"
date: 2026-07-19
draft: false
---

这是我的第一篇文章。从今天起，这些文字放在我自己的域名下，谁也拿不走。

本地预览：

1

hugo server -D

打开 http://localhost:1313 —— 你的网站已经跑起来了。

第四步：Push 到 GitHub → Cloudflare 自动部署

1
2
3
4
5

# 在 GitHub 创建新仓库，然后：
git remote add origin https://github.com/你的用户名/myblog.git
git add .
git commit -m "🎉 第一篇文章"
git push -u origin main

然后登录 Cloudflare Dashboard → Workers & Pages → 创建 → Pages → 连接到 Git → 选择你的仓库。

配置参数：

• 框架预设： Hugo
• 构建命令： hugo
• 输出目录： public

点击「保存并部署」——Cloudflare 自动跑构建，30 秒后给你一个 xxx.pages.dev 的域名。点「自定义域」绑定你的域名，SSL 证书自动签发，全球 CDN 自动生效。

到此，你的独立网站上线了。 以后每次写完文章，git commit + git push 即可自动更新。全程无需碰服务器、无需配置 Nginx、无需掏一分钱。

进阶：给 $0.01/天的网站加装专业功能

自定义域名邮箱

用 Cloudflare Email Routing 免费把 hi@你的域名.com 转发到你的 Gmail，收信用 Gmail，发信看起来像你自己的品牌邮箱。或者花 $6/月用 Google Workspace / Fastmail 做完整的自定义邮箱。

评论系统

静态网站天然没有评论后端，但可以用轻量方案：

• Giscus（免费，基于 GitHub Discussions）：读者用 GitHub 账号登录评论，数据存在你的仓库里
• Cusdis（免费/自部署）：极简评论系统，支持邮件通知，不收集用户数据

访问统计

• Cloudflare Web Analytics（免费）：不需要在前端加脚本，Cloudflare 自动统计。隐私友好，不含 cookie
• Plausible（自部署免费/云端 $9/月）：开源、轻量、GDPR 合规

搜索

• Pagefind（免费）：纯静态搜索库，构建时自动生成搜索索引，零服务器
• Algolia DocSearch（免费，需申请）：社区项目/文档站可申请免费方案

图片优化

• 图片统一放 static/img/ 目录，Hugo 内置自动裁剪和 WebP 转换
• 大文件图片放 Cloudflare R2（10GB 免费存储），免带宽费

所有进阶功能加起来，年成本仍然是 $0。这个生态的设计哲学就是让个人和小团队拥有企业级基础设施，而不为服务器买单。

为什么不选 Notion / 公众号 / Medium？

这不是技术问题，是方向问题：

Notion + 自定义域名： 你用 Notion 编辑内容，通过 Super 或 Potion 等服务反向代理为网站。但你的数据在最底层仍是 Notion 的——导出是可能的，但导出后的格式和关联结构很难恢复。平台改了 API，你的网站就挂了。

微信公众号 / 知乎 / 简书： 你的内容不属于你。平台随时可以封号、限流、改排序算法。你写了 5 年的文章可能在一夜之间清零，没有任何导出机制。而且读者看到的永远先是你无权控制的开屏广告。

Medium / Substack： 比公众号好一点，但每篇文章的 URL 仍然是 medium.com/@用户名/...。哪天你想搬家，所有的 SEO 权重、外链、书签全部留在原地。

自己的域名 + 自己的 Git 仓库 = 谁也拿不走。 这不是技术极客的信仰，而是简单的数据安全常识。你投入时间写的内容是你的数字资产，你应该100% 拥有它们的控制权、可迁移性、和永久性。

每天不到 1 美分买到的是什么？是可迁移性（git clone 就能搬家）、永久性（纯文本 Markdown 100 年后也能读）、控制权（你的 URL、你的分析、你的变现方式）。 这不是一个省钱话题，而是一个根本性的数字主权话题。

⚡ 行动清单

1. 今天： 买一个域名（Porkbun / Namecheap / Cloudflare Registrar），$10 以内
2. 今天： 安装 Hugo 并 hugo new site，挑一个主题，写一篇 hello world
3. 今天： 创建 GitHub 仓库，push 代码，连接 Cloudflare Pages，部署上线
4. 本周： 把以前发表在微信公众号/知乎上的文章逐一迁移成 .md 文件（至少 5 篇起）
5. 一个月内： 设置自定义域名邮箱 + Cloudflare Analytics + 搜索——完成专业级站点的全部基础能力

参考来源：

1. Cloudflare Pages 官方文档 — 免费方案限制：无限带宽、500次构建/月、100个自定义域名
2. Cloudflare Pages 限制明细页 — 文件数量、文件大小、函数调用的具体上限
3. Hugo 官方网站 — “世界上最快的网站构建框架”，Go 语言编写，支持 300+ 主题
4. GitHub: Hugo — 开源仓库，Apache-2.0 协议
5. 博客园：Vercel vs Netlify vs Cloudflare Pages 2026 实测对比 — 三家静态托管平台的免费带宽、构建次数、团队人数完整横评
6. Cloudflare Pages 定价页 — 官方免费方案功能列表

📖 延伸阅读

• 🚀 Openship：开源自部署平台 — 相关推荐
• 🦾 LM Studio Bionic：零成本部署本地 Agent — 相关推荐
• 💰 AI一人公司从0到$125K MRR — 相关推荐