← 返回随笔列表

从 $60 到 Lighthouse 100×4 · 一人公司基建笔记

约 5 分钟阅读
  • 基建
  • 一人公司
  • 方法论
  • Astro

早上那篇写完，我去点了 Cloudflare 的 Purchase 按钮。60.46 美元到手两个域名。

然后我跟 Claude 说：“开工吧，把 perrilee.com 搭起来。”

今天傍晚。

Lighthouse 跑完，四个圆圈依次亮起：

Performance     100  🟢
Accessibility   100  🟢
Best Practices  100  🟢
SEO             100  🟢

域名到手那一刻是”我决定了”。这个截图出来那一刻是”原来我真的可以”。

这篇就是记录这一天的完整作业。带数字、带代码、带决策逻辑。给所有觉得”我不会写代码所以我不能开公司”的人看——你能。

先看成绩单

维度结果
上线节奏一天内（含吃饭、睡觉、跟朋友打字）
Lighthouse100 / 100 / 100 / 100
双语中文 / + 英文 /en/ · URL 原生分离 · hreflang 完整
基础设施全部跑免费层（域名除外，$60/年）
角色分工我做产品决策，Claude 做实现
文章系统Markdown + 中英互链 + 自动 RSS + 自动 sitemap

一句话：一个独立运营的、搜索引擎友好的、满足国际访问的、可以长期写作发布的家。不租、不寄人篱下、不付月费。

技术栈清单

层选择为什么
框架Astro 5（静态站生成）零 JS 运行时、完美 SEO、Markdown 原生支持
部署Cloudflare Pages全球 CDN + 自动 HTTPS + Git 推送自动部署
DNSCloudflare DNS跟部署同一家，0 配置成本
字体@fontsource/* 自托管零第三方请求、隐私友好、Lighthouse 满分靠这个
内容Content Collections + Zod类型安全的文章系统，比 CMS 重的东西好用
RSS@astrojs/rss中英双 feed 自动生成
站点地图@astrojs/sitemap自动包含 hreflang
分析Cloudflare Web Analytics无 Cookie、不用 GDPR 横幅、不卖数据
邮件订阅Buttondown审核制、不发垃圾
版本控制GitHub 私有仓库标配

整套基础设施，除了域名一年 $60，几乎不用付别的钱。

我见过太多客户为一个静态页面付 Webflow / Squarespace / Wix 二十多块美金的月费。我见过更多客户为 WordPress 的”便宜”付出更贵的代价：插件费、主机费、被黑后的清理费、速度慢的流量损失费。

为什么没选那些”主流”方案

我做了十年营销。每个客户都问过我：“Perri 我应该用 WordPress 还是 Shopify 还是 Wix？”

但我给自己做站的时候，这些我一个都没选。

方案我为什么没选
WordPress.com加插件就开始卡。加一堆插件就又慢又容易被黑
Webflow导出的代码一团糟。锁在平台里，想迁移要重做
Squarespace模板美但 SEO 弱。改个字体要翻三层菜单
Wix慢到能哭。SEO 更弱
Framer漂亮但贵，而且不是给长期内容站设计的
Notion PublishMarkdown 原生很爽，但 SEO / hreflang / 自定义 OG 都弱
Substack别人的房子。内容所有权最弱
自己 code + CF Pages内容我的、SEO 我的、数据我的、速度满分

需要说明的是——这些工具对它们对应的场景都很合适。Wix 适合开店的小老板，Squarespace 适合卖课的创作者，Substack 适合做媒体的写手。

但我要的是一个长期写作 + 长期累积 SEO 权重 + 长期做个人品牌的家。

一条核心逻辑：长线资产，别付月租。每月付出去的钱不是在买服务，是在租一个随时可以被收回的家。自己搭的站，迁移一次就够了。之后十年都是你的。

一天的节奏

我不是在卖”几小时上线”这个神话。我在告诉你正常人 + AI 协作的真实节奏。

阶段做了什么产出
上午买域名 · perrilee.com + daokit.io60.46 美元
下午前段定设计系统 · 月白 / 黛色 / 朱砂三色，Noto Serif SC + Playfair Display视觉骨架
下午中段Astro 骨架 + 双语首页 + 组件化两个语言首页跑通，设计语言成型
下午后段博客系统 · Content Collections + translationKey 中英互链中英文章自动配对
傍晚SEO 全套 · canonical + hreflang + JSON-LD + sitemap + 字体自托管满足 GSC 要求
晚饭前RSS 双语 + OG 图 + 订阅表单骨架内容能被带走、邮件流程就绪
晚饭后Git push → GitHub → Cloudflare Pages 自动构建上线
睡前Lighthouse 修补 · 对比度 + 标题层级4×100

每一步都有明确产出。没有”琢磨两小时不知道做了什么”的时间。

这是 AI 作为合伙人的真正价值——不是让你打字快，而是让每个决策都不用从 0 开始研究，让每个坑都不用自己第一次踩。

我做产品决策（架构、视觉、文案、信息结构），Claude 做实现（代码、配置、调试）。这个分工现在对我来说是最舒服的——我不需要懂每一行代码，但我需要懂为什么是这一行而不是那一行。

3 个反直觉的决策

可复制的方法论藏在这里。

1. 用 Astro，不用 Next.js / React

直觉：“要做得现代就得用 React。”

反直觉：个人站、内容站、营销站——不要运行时 JS。

Astro 默认输出纯 HTML + CSS，零 JS。结果就是：

  • 首屏加载 < 1 秒
  • SEO 爬虫秒读
  • Lighthouse Performance 跑出来基本就是 99+

React 适合应用（登录、购物车、交互），不适合文章。用 React 做博客 = 买劳斯莱斯送外卖。

2. 字体自托管，不挂 Google Fonts

直觉：“Google Fonts 方便，全球 CDN。”

反直觉：每次用户访问，你的站先要去 Google 问一声。这多出来的一个 HTTP 请求 + 一次 CORS 握手，就是 Lighthouse 丢掉的那几分，也是 GDPR 下的隐私风险。

解决：npm i @fontsource/noto-serif-sc，字体文件跟你的 HTML 一起从 CF CDN 发出去。零第三方。

3. Markdown + Git，不要 CMS

直觉：“写文章得有后台编辑器。”

反直觉：一人公司最怕的是”后台”。每个后台都是一笔月费、一个需要维护的账号、一个被锁死的数据格式。

我写文章就是：

  1. 在 src/content/blog/zh/ 建一个 .md 文件
  2. 顶上写 frontmatter（标题、日期、tags）
  3. git push
  4. 网站自动更新

文章内容跟代码一起版本控制。我删错了有 Git 帮我找回来。我迁移站点时复制整个文件夹就完事。没有哪个 CMS 能做到这个。

这个站接下来要承担的事

它不是名片。它是护城河。

  • 承担邮件列表：订阅的人是我的，不是算法的
  • 承担 SEO 权重：写得越多越值钱，十年复利
  • 承担内容资产：每一篇文章都是我的知识产权，不是给平台免费打工
  • 承担信任累积：陌生人不买陌生人的东西。先让他们认识我
  • 承担商业门面：之后接客户、做分享、讲课，这里是我的门口

一个会增值的资产。

下一步

接下来 14 天：

  • 本周：这个站继续优化（404 精修、www 子域、第一批站内友链）
  • 本周末：启动 daokit.io 的 MVP 开发
  • 下周：写 3 篇技术/方法论长文，喂给 GSC
  • Day 14 前：DaoKit MVP 第一个 beta 用户上线

一切公开记录。成功或失败都是内容。

写在最后

一个人 + AI + 一个域名 + 一天的专注 = 一个 100 分的家。

这不是奇迹。这是 2026 年的基本工具箱。

你只是需要一个开始的理由。

一人即一军。 道生一，一生二，二生三，三生万物。

今天的”一”已经开花。

—— Perri Lee, 2026-04-15（Day 1 · 晚）