两年前做个网站，要么花几千几万找开发，要么啃几周 WordPress。2026 年这道门槛塌了——你用一句大白话描述想法，AI 就在几分钟内生成完整、能看的网站，还能免费部署上线。不是模板填空，是从文案到布局一站生成。本教程带你从零搭一个落地页并发布。
🌐 本教程适合：想做个人作品集、产品落地页、活动页、小生意官网，但完全不会写代码的人。有想法就行。
先选工具：不同目标用不同 AI
| 你要做 | 推荐工具 | 特点 |
|---|---|---|
| 落地页 / 作品集 | v0 (Vercel) / Framer | 生成 React，设计感强，免费层可用 |
| 全栈小应用 | Lovable / Bolt.new | 前端+后端+数据库，自然语言迭代 |
| 一句话出页 | Mixo | 最省心，含邮件收集，5 分钟上线 |
| 电商 | Shopify Magic | 行业标杆，AI 写商品描述搭店 |
别想一次 prompt 描述整站。试图一句话说清所有板块，产出往往又泛又臃肿。正确做法：先生成 hero，再生成功能卡片，再生成价格表——每次 AI 专注一块，成品更锐利。
Step 1：用一句话描述需求
1 越具体，结果越对
差的：帮我做个网站。
好的：给我做一个「Pocket Brew」咖啡订阅服务的落地页。
友好语气，奶油色+棕色。
Hero 写「Coffee that remembers you.」
板块：怎么用（3 步）、价格（$15/月）、waitlist 邮箱登记。💡 给品牌色、语气、受众、板块清单。参考真实站点也行："价格区做成 Notion 那种风格"。AI 理解设计意图，不只是字面。
Step 2：看 AI 实时搭建 + 预览
2 左侧聊、右侧实时出图
以 v0 / Framer 为例：左边对话，右边实时渲染。整页通常一分钟内成形。你看到的是真实可点的页面（响应式、表单能提交）。不满意当场说：
"把 hero 区调高，加个渐变背景"
"价格加月付/年付切换"
"CTA 按钮改大、更醒目"
"字体换现代一点的"🎯 每次改动就是一条消息，不用碰 CSS、不用开 Photoshop。预算 5-10 轮就能调到位。
Step 3：用自然语言迭代
3 设计是反复聊出来的
网站设计本质是迭代。AI 擅长接住口语化反馈：
- "在价格后面加一个用户评价区"
- "导航在滚动时吸顶"
- "移动端按钮别太小"
每次迭代务必在 375px 宽（手机）预览。AI 常生成桌面完美、手机崩坏的页面。检查导航是否收成汉堡菜单、图片是否缩放、文字是否溢出。指出来它大多能修，但你得先查。
Step 4：替换占位内容
4 漂亮的空模板不是网站
AI 生成的是骨架，内容是灵魂。上线前必须替换：
Lorem ipsum → 你的真实文案
占位图 → 你的真实图片/作品
"John Doe" → 你的名字
假好评 → 真实评价（或删掉该板块）✍️ 文案也可以让 AI 帮你写初稿，但产品故事、真实案例一定要自己填。空壳站一看就很"未完工"。
Step 5：免费部署上线
5 点一下，拿到真实网址
方式 A（最简单）：v0/Vercel 点 Deploy
→ 30 秒拿到 xxx.vercel.app 网址
方式 B（完全免费）：
1. 代码推到 GitHub 仓库
2. Settings → Pages → 启用
→ 你的用户名.github.io/仓库名
方式 C：把文件夹拖到 netlify.com/drop
→ 即时拿到 xxx.netlify.app上线前别漏 SEO 基本功：写唯一页面标题（<60 字符）和描述（<160 字符），给图片加 alt 文本。AI 生成的站常跳过这些，不做的话搜不到你。
🌟 想绑自己域名（yourname.com），在平台一键接，年费约 $10-15。第一年 AI 生成+托管+域名总花费可压到 $20 以内。
什么该用 AI 建站、什么别勉强
| 适合 AI 建站 | 更适合别的方式 |
|---|---|
| 个人站/作品集/落地页 | 复杂电商（用 Shopify） |
| MVP / 原型 / 内部门户 | 强品牌一致性（先请设计师定视觉） |
| 小商家官网 | 高并发、重性能优化 |
| 内部工具/看板 | 复杂登录鉴权（能做但需细测） |