不会代码也能建网站？我用Lovable做了个博客

建网站的老问题

想做个人网站，通常有三条路：

找外包 — 几千到几万，质量参差不齐，改个字都要收费。

用模板 — WordPress、Wix、Notion，但都是模板脸。

自己学 — 从 HTML 学起，半年后也许能上线。

我选了第四条路：让 AI 帮我写代码。

---

Lovable 是什么

Lovable（原名 GPT Engineer）是一个 AI 建站工具。

核心体验：你用自然语言描述想要什么，它直接生成可运行的代码。

不是拖拽组件的那种「零代码」，而是真正的 React + TypeScript + Tailwind CSS 代码。

你是产品经理，AI 是开发者。

---

我做了什么

我用 Lovable 建了一个博客网站：AI 时代漫游指南。

功能包括：

• 首页（Hero 区域 + 精选文章）
• 博客列表页
• 文章详情页（Markdown 渲染）
• 关于页面
• 联系页面

技术栈：

整个过程，我没写一行代码。

---

实操流程

第一步：描述需求

在 Lovable 的对话框里输入：

帮我做一个个人博客网站，包含首页、博客列表、文章详情、关于页面。风格要现代简约，支持深色模式。

几秒钟后，Lovable 生成了完整的项目结构。

第二步：迭代优化

初版出来后，继续对话：

首页加一个 Hero 区域，标题是「AI 协作时代的实践指南」

文章卡片要显示阅读时间和分类标签

每次描述后，Lovable 自动修改代码。

第三步：部署上线

点击「Publish」，网站就上线了。

Lovable 自带部署服务，不需要自己买服务器。

---

代码质量

打开项目，看到的是专业级代码：

src/
├── components/    # 组件
├── pages/        # 页面
├── data/         # 数据
└── lib/          # 工具

• TypeScript 类型安全
• 组件化封装
• Tailwind 原子类
• 前端最佳实践

这不是玩具代码，是可以持续维护的专业项目。

---

成本对比

关键点：代码可以导出到 GitHub。

不被平台绑定，完全属于你。

---

适合谁

适合：

• 非技术人员想快速上线
• 创业者验证 MVP
• 内容创作者建博客
• 开发者快速搭原型

不太适合：

• 复杂后端逻辑
• 极致性能要求
• 已经熟练前端开发

---

局限性

Lovable 也不是万能的：

1. 复杂逻辑受限 — 简单 CRUD 没问题，复杂业务需人工
2. AI 会犯错 — 有时需要多轮对话调整
3. 有学习成本 — 需要理解基本前端概念
4. 定制化上限 — 独特效果可能需手动改

---

我的感受

AI 时代，「会不会代码」正在变得不那么重要。

重要的是：你知道自己想要什么，能清晰地描述出来。

Lovable 把我从「实现细节」中解放出来，让我专注于「产品设计」。

AI 协作的价值：放大你的能力边界。

---

如果你想试试

Lovable 官网：lovable.dev

免费版就够做一个简单网站。

欢迎来我的博客 AI 时代漫游指南 看看成品，留言交流。

---

这是「AI 工具实践」系列。持续分享 AI 协作的方法论和工具。