用 AI Agent 构建个人网站

这篇文章分享了如何利用 AI 编程助手（Claude Code）来加速个人网站的开发。

AI 辅助开发的工作流

传统的开发流程是：需求分析 → 技术选型 → 编码 → 测试 → 部署。

加入 AI 后的流程变成：

需求讨论 — 和 AI 对话明确需求，AI 会逐个提问澄清
设计方案 — AI 提出多个方案并给出推荐
文档先行 — AI 生成设计文档，确认后再编码
分步实现 — AI 按计划分步骤实现，每步可验证
自动验证 — AI 运行构建和测试，确保质量

关键经验

1. 先讨论再动手

最有效的使用方式是先和 AI 充分讨论需求和设计，而不是直接让它写代码。好的设计文档能让后续实现事半功倍。

2. 分步验证

不要一次性生成所有代码。分步骤实现，每一步都验证构建通过，这样问题出现时容易定位。

3. 保持简单

AI 有时会倾向过度设计。明确告诉它"保持简单"、"不要过度抽象"很重要。

实际效果

这个网站从零到可部署，核心功能（首页 + 博客 + 主题切换 + CI/CD）的实现非常高效。AI 特别擅长：

快速搭建项目结构
生成样板代码
编写配置文件
创建测试内容

而人类开发者应该专注于：

产品决策
设计审美
内容创作
用户体验

代码示例

一个简单的 Markdown 解析函数：

import matter from "gray-matter";

function parsePost(content: string) {
  const { data, content: body } = matter(content);
  return {
    title: data.title,
    date: data.date,
    body,
  };
}

总结

AI 编程助手不是替代开发者，而是加速开发过程中的重复性工作。好的工作流是：人做决策，AI 做执行。