← 返回文章列表
技术教程

Vibe Coding 实战:用自然语言 30 分钟搭建个人博客

V
Virality
2026年3月3日👁 1.3万
Vibe Coding 实战:用自然语言 30 分钟搭建个人博客

什么是 Vibe Coding?

Vibe Coding 由 OpenAI 联合创始人 Andrej Karpathy 于 2025 年 2 月提出,核心理念是——用自然语言描述你想要的东西,AI 帮你写代码。

你不需要学会 JavaScript、Python 或任何编程语言。你只需要学会「精确地描述需求」。

准备工作

开始之前,你需要:

  • 一台电脑(Windows/Mac 都行)
  • Cursor 编辑器(免费版即可)
  • 一个 Vercel 账号(免费)

Step 1:描述你的博客

在 Cursor 中输入以下 prompt:

帮我创建一个个人博客网站,使用 Next.js + Tailwind CSS。要求:

  1. 首页展示文章列表,每篇文章显示标题、摘要、发布时间
  2. 点击文章进入详情页
  3. 风格简洁现代,主色调为深蓝色

AI 会在 30 秒内生成完整的项目代码。

Step 2:预览和调整

运行 npm run dev,在浏览器中预览效果。如果不满意,继续对话:

标题字体太小了,改大一些。首页加一个自我介绍模块。

Step 3:部署上线

把代码推送到 GitHub,连接 Vercel,一键部署。

就是这么简单

整个过程你没有写一行代码,但你得到了一个现代、美观、性能优秀的个人博客。

这就是 Vibe Coding 的魅力——把创意直接变成产品