用 AI 从零搭建个人网站

背景

我之前几乎没有前端开发经验，但我想要一个属于自己的个人网站。

于是我决定：让 AI 当我的全栈工程师。

技术选型

经过和 AI 的讨论，最终选择了：

Next.js — React 全栈框架，SSR + 静态生成

Tailwind CSS — 原子化 CSS，不用写样式文件

MDX — Markdown + JSX，写博客的最佳方案

Framer Motion — 动画库，让页面更生动

开发过程

Step 1: 设计

先用 AI 生成了设计方案，确定了暗色调赛博朋克风格。

Step 2: 搭建

AI 帮我一步步搭建项目结构、写组件、配置路由。

Step 3: 内容

用 MDX 写文章，frontmatter 管理元数据。

Step 4: 部署

推送到 GitHub，Zeabur 自动部署，配置域名。

总结

整个过程不到一天。AI 时代，技术门槛正在被快速拉平。

重要的不是你现在会什么，而是你愿不愿意去学、去做。