欢迎来到我的博客：从 0 到 1 的 AI 结对编程之旅

大家好！欢迎来到我的博客！🎉

这个网站很小，但它承载着一个挺有意思的故事：它是在 AI 助手的帮助下，从零搭起来的一个生产级个人博客。

在接下来的几分钟里，我想带你逛逛这个博客的每一个角落，然后跟你聊聊它是怎么诞生的。如果你正纠结「要不要试试 AI 编程」，说不定这篇能给你一点启发。

在这个博客，你能做什么？

⏰ 顶部导航栏的实时同步时钟

打开任意一个页面，你都会在顶部看到一只「永远准时」的时钟。

它显示的是北京时间（UTC+8），而且不是拿你设备上的时间糊弄你——它会在后台偷偷联网校准，算出服务器时间与本地时钟的偏差，每秒刷新，每 10 分钟重新校准一次。

也就是说：无论你身处哪个时区、设备时间准不准，这只时钟都坚定不移地站在北京时间这一边。🌏

🕐 文章列表的「相对时间」

首页的文章卡片上，每一篇都带着一行小字：刚刚、x分钟前、约x小时前、x天前……

这就是相对时间显示。不用掰着手指算「这篇文章发布于 3 天前」，扫一眼就知道它有多新鲜。超过 30 天的文章则会回归朴素，直接显示具体日期。

✨ 丝滑的页面切换过渡动画

在站内点来点去时，你会发现每个页面都像被轻轻「接住」了一样——淡入 + 微微上移的过渡动画。

没有花哨的转场特效，只是一点恰到好处的丝滑，让浏览体验不那么生硬。

🌓 亮 / 暗色主题

跟着系统自动切换，也可以在右上角手动切换。夜猫子友好。🦉

💬 底部的留言板

逛得开心的话，记得去留言板留个脚印！

不需要注册、不需要登录，填个昵称就能说话。你的每一条留言都会成为这个博客的一部分，也是我继续写下去的动力。

📊 访客统计

这个博客会悄悄记录每一位访客的到来。

所以……正在读这篇文章的你，大概就是本站的第 N 位访客——N 是一个还在不断增长的神秘数字，只有我和我的小本本知道它到底有多大 😄

---

从 0 到 1：一个 AI 结对编程的诞生记

故事的起点

事情要从某个晚上说起。我萌生了一个想法：想要一个完全属于自己的网站——不依赖任何平台，想怎么写就怎么写。

但问题是：我几乎没有任何全栈开发经验。自己搭？好像是个大工程。算了？又心有不甘。

然后我遇到了 AI 结对编程。

什么是「AI 结对编程」？

传统意义上，「结对编程」是指两个开发者坐在同一台电脑前，一个写代码、一个审代码。而我的「结对搭档」，是两位 AI：

• 🧠 DeepSeek：我的主驾驶，负责理解需求、规划方案、动手实现、帮我检查每一处改动
• 🤖 Claude（AI 编辑器）：我的副驾驶，负责解答疑难杂症、补充思路、在卡壳时拉我一把

我们的工作方式很简单：我说需求，AI 给方案；我确认方向，AI 写代码；我负责测试和把关，AI 负责迭代和修复。

听起来很科幻？其实这就是过去这段时间每天都在发生的事。

亮点一：从零到一，把站点「聊」出来

这个博客的骨架——Next.js 15 + Cloudflare Pages——几乎全是 AI 帮我写出来的。

我只需要说「我想要一个博客，支持文章列表、标签、暗色模式」，AI 就会把目录结构、组件、页面一个个搭起来，还会耐心解释每一块代码在干什么。

对新手来说，最棒的部分不是「AI 替你写」，而是AI 帮你把代码讲懂。它不会只说「照抄这个」，还会告诉你「为什么这里要用服务端组件」。

亮点二：在 Cloudflare 上踩坑与填坑

部署到 Cloudflare Pages 的过程，堪称一场「快乐 debug 之旅」：

• 静态导出怎么配置？→ AI 给方案
• 路由 404 怎么修？→ AI 定位原因
• 域名和构建配置怎么弄？→ AI 查文档给步骤
• 自定义域名怎么接？→ AI 一步步带我配

每一次报错，都是「复制错误 → 甩给 AI → 拿到解释和修复 → 重新部署」的四步循环。几十个来回之后，我发现自己已经能看懂那些曾经像天书一样的报错了。

亮点三：被「时间」支配的恐惧

博客里的时间，是我和 AI 一起处理过最「上头」的问题之一。

服务器在海外、数据库存 UTC、你在国内看北京时间——三者差着 8 个小时，稍不留神日期就「差一天」。

于是 AI 帮我把全站的时间统一成一套策略：写入统一用北京时间，展示强制按北京墙钟，历史数据一次性迁移。还顺带做了那只「联网校准」的时钟。

现在无论从哪个时区访问，日期都不会错了。这种「抠细节抠到极致」的感觉，真的很爽。

亮点四：极简 UI 的克制

在视觉上，我和 AI 达成了一个共识：少即是多。

没有花哨的特效，没有炫技的交互动画，只有干净的排版、克制的配色、恰到好处的留白。就像这篇文章的排版一样——内容舒服，才是真舒服。

态度：AI 不是替代开发者，而是降低了门槛

写这个博客之前，我以为「做个网站」是件遥不可及的事。写完这个博客之后，我意识到：AI 没有替代开发者，它只是把全栈开发的门槛，从「十年经验」降到了「愿意学习」。

依然是人在决定方向、做取舍、把握质量；AI 负责把想法快速变成可运行的代码。人负责「为什么」，AI 负责「怎么做」。

---

写在最后

这个博客会持续更新——记录我的学习、我的折腾、以及我和 AI 一起踩过的每一个坑。

如果你读到这里，我想邀请你做一件事：去留言板，写下你的第一条评论吧。

可以是一句「沙发」，可以是一个关于博客的建议，也可以分享你自己用 AI 工具的心得。每一条留言，我都会认真看。

也欢迎关注我的 GitHub，一起交流、一起成长。🚀

---

本文由我与 AI 结对编程伙伴共同完成，并发布到这个 AI 协助搭建的博客上 发布于：2026-08-28 技术栈：Next.js 15 + Cloudflare Pages + D1