这个博客是怎么上线的

从在电脑上敲下一个 Markdown 文件说起：它要经过哪几步，才能变成你在浏览器里看到的这一页。中间是 Astro 的构建、Cloudflare Pages 的部署，还有字体、RSS、域名这些零碎但少不了的零件。最后算一笔账——为了「简单」，我付出了什么。

我在网上见过很多优秀的人，他们都有自己的博客，把学过的东西、踩过的坑写下来。我觉得这是一种能力——能把自己理解的东西讲给别人听的能力。我也想有，于是照葫芦画瓢，做了这个小站。

写的东西也许没什么营养，看的人也不会有几个。但在这个日渐浮躁的世界里，能有一方属于自己的小天地，把感想和知识沉淀下来，挺好的。

而且，写下来对学习本身就有好处。学一样东西，如果只是一直从外面汲取别人的想法，不把它转化成自己的理解，我认为这是一种思想上的懒惰。输出是最直接的检验——哪里没弄明白，写的时候就露馅了；写出来的东西，也可能正好帮到别人。这是双向的。

一篇文章的一生

先说钱：这个博客一年的开销只有域名这一项。托管、流量、CDN，全是 0——因为这里没有服务器。

一篇文章要从我手里走到你眼前，只经过五步：

1. 我在电脑上写一个 Markdown 文件，标题和日期写在最前面：

   ---
   title: 这行是标题
   date: 2026-09-21
   ---

2. git push 到 GitHub 仓库；

3. Cloudflare Pages 收到通知，自动跑一次「构建」——Astro 把每一篇文章编译成 HTML；

4. 编译好的文件被分发到全球各地的节点上；

5. 你打开 chloequi.com，DNS 把你带到最近的节点，拿到的就是一份现成的页面。

诀窍在第三、四步：页面不是「等你来了才现算」，而是在我 push 的那一刻就全部印好了。访客拿到的是一张印好的纸，托管方只负责发纸——成本低到可以免费。

它是由什么拼起来的

拆开看，就这么几个零件：

• Astro：静态站生成器。内容写成 Markdown，页面写成组件，构建时统统编译成纯 HTML/CSS——没有数据库，也不需要一台一直开着的服务器。
• Cloudflare Pages：托管、自动构建、全球节点三合一。绑定仓库之后，push 上去一两分钟就上线。
• GitHub 私有仓库：既是版本管理，也是这个站的「发布按钮」——推什么上去，站上就变成什么样。
• 域名和 DNS：域名是买的，解析交给 Cloudflare。以后想让域名指到哪、邮箱怎么转发，都在这里改。
• RSS 和 sitemap：给订阅器和搜索引擎看的目录，构建时自动生成。rss.chloequi.com 上还挂着一个小小的 Worker——二十来行代码，把主站的 RSS 取回来转发一下。这是全站唯一勉强算得上「后端」的东西。
• 主题：亮 / 暗 / 跟随系统，三态切换。没用任何框架，靠 CSS 变量和一小段脚本——全站需要 JavaScript 的地方，只有主题和导航。

搭起来的过程

说来有点不好意思：这个站几乎全程是 AI 陪着我搭的。碰上不懂的，截图甩过去；我的 Agent 还会直接动手帮我改。我本来以为做网站是件很复杂的事，实际做起来和平时做项目差不多——绑好 GitHub，改完 push，一两分钟就能看到结果。技术上的不足，一个零基础的人也绕得过去。

最意外的是设计环节。我把想要的感觉描述给它，它给出的方案里，有些我根本没提过要求，甚至想都没想到，效果却意外地不错。

代价

免费当然也有代价：什么都得自己动手，得会一点点 git，国内访问偶尔会慢。它适合愿意折腾的人，不太适合想要一个后台编辑器、点几下就能发布的人。

接下来大概会写一些学 CS 过程中的感想，也可能是别的东西——毕竟才刚刚起步，来日方长。