用 Lovable 从提示词生成可上线网站并接上自定义域名

Lovable 是一个用自然语言描述需求就能生成网站与应用的工具。你不需要手写代码，只要把「要做什么、给谁看、要有哪些功能、文案大概怎么写」讲清楚，它就会生成包含页面、组件、表单乃至数据库的成品，并提供一个可以直接访问的网址。它适合没有编程基础、但需要尽快拿出一个能上线的小型站点的人，比如店铺介绍页、个人作品集、活动落地页、带预约表单的服务页。这篇教程按实际操作顺序，从注册账号讲到绑定自定义域名，重点放在提示词怎么写和生成之后怎么改这两件最容易卡住的事上。如果你更习惯在本地编辑器里跟 AI 结对写代码，也可以参考站内的 Lovable 工具条目了解它的定位与入口。

准备工作

开始之前，把下面几样东西准备好，后面会顺畅很多。

一个可用的邮箱：注册 Lovable 账号用，邮箱或第三方账号登录都可以。
一份写好的网站需求：不要打开输入框才开始想。建议先在备忘录或在线文档里把主题、受众、功能、文案列成条目，再整段粘贴进去。这一步花的时间会直接决定第一次生成的质量。
一个参考网站地址：找一两个你喜欢的同类站点，把链接写进需求里，让生成结果在布局和风格上有参照。
一个自己注册的域名（可选，但想正式上线就需要）：域名在任意注册商处购买即可，后文以常见的域名管理后台为例说明 DNS 记录怎么填。注意自定义域名属于付费方案的能力，免费方案拿到的是平台分配的子域名。
对 DNS 的基本概念有数：知道 A 记录由「主机名 + 指向的 IP」两部分组成就够了，具体填法后文会给出。

关于价格与各方案包含的额度：Lovable 提供免费方案和付费方案，付费方案额度更多，并且支持绑定自定义域名。这类 AI 产品的定价和配额调整比较频繁，下单前请以官网当前的价格页面为准，不要依据任何二手文章里的数字做预算。一个实用的判断是：只想试试 AI 生成网站，免费方案足够跑通全流程；准备长期运营、需要自己的域名，再考虑升级。

操作步骤

第一步：注册并进入工作区

打开 Lovable 官网，点击页面右上角的「Get Started」，用邮箱或它支持的第三方方式完成注册。注册流程很短，完成后会进入工作区，也就是你输入提示词、查看生成结果的地方。工作区里通常能看到历史项目列表，后续每次生成都会作为一个独立项目保存下来，方便回头继续改。

第二步：按模板写提示词

这是整篇教程里最值得认真对待的一步。随手写一句「帮我做一个咖啡店网站」也能出结果，但生成出来的东西往往缺功能、文案空泛、风格不对，反而要花更多轮对话去补。把需求拆成四块写清楚，第一次生成的质量会明显不同。

一、网站主题与目标受众

网站主题：一句话说清这是什么站点。例如「一家位于台北的日式拉面店」「一个介绍加密货币的博客」「一个展示摄影作品的个人作品集」。
目标受众：谁会来看。例如「喜欢日本料理的年轻人」「对投资有兴趣的初学者」「需要摄影服务的潜在客户」。受众写得越具体，AI 选用的语气、配色和版式越贴合。

二、网站核心功能与特色

核心功能：列出最重要的 3 到 5 项，不要贪多。例如线上菜单、顾客评价、最新消息发布、作品分类展示、联络表单、线上预约。
风格与特色：用形容词描述观感。例如简约现代、温暖舒适、专业可信赖、充满创意与艺术感。也可以直接指定色调，比如「木质调加暖色系」。

三、网站内容与文案

把能提前写好的文字都写进去，包括首页标题、关于我们的一段介绍、服务或产品清单、联络方式（地址、电话、邮箱）、营业时间。文案不必精雕细琢，但要有具体信息，AI 会在此基础上扩写和排版。

四、参考网站

贴一个你喜欢的网站链接，并说明希望参考它的哪些方面，例如「参考这个网站的版块布局和配色」。有参照物时，生成结果的版式会稳定很多。

每一块填一两句重点即可，剩下的交给 AI 补全。写好后整段复制，一次性粘贴到 Lovable 的输入框。

第三步：提交提示词并等待生成

粘贴完成后点击送出，接下来不需要你做任何操作，生成在后台进行。一个中等复杂度的站点通常几分钟内就能出结果。生成完成后，你会看到一个可以直接预览的完整页面：页首大图、内容区块、菜单或服务列表、表单、常见问题、地图嵌入、页尾等，通常都会一并出现。图片素材一般由 AI 自动配，风格统一但未必符合你的真实业务，后面可以替换。

第四步：就地微调文字与样式

生成结果不满意的地方，先试最轻的改法——直接点。文字区块点一下就能像在文档编辑器里一样改字；间距、字号、颜色这类样式，点击旁边的调节图标后可以用拖拽的方式直观调整。这类改动不消耗对话轮次，适合处理「标题措辞不对」「按钮颜色太跳」这种小问题。

第五步：用对话做大改造

涉及结构变化的修改，用对话完成更高效。操作方式是：点编辑图标，选中要改的区域，然后在对话框里用一句话描述目标。例如原本页面展示两只猫，你想改成三只，就选中该区块并输入「我想要改成三只可爱的猫咪」，送出后 AI 会直接改好这一块。

写这类指令有几个要点：

先选中再说话：明确指向某个区块，AI 就不会动到别处。
一次只改一件事：把「换配色、加页面、改文案」混在一条指令里，容易只完成一部分。
描述结果而不是过程：说「这一块要能按分类筛选」，比说「给我加个 JavaScript 函数」更有效。

第六步：给表单接上数据库

生成的预约表单或联络表单，在刚生成时只是界面——访客填了内容，你其实收不到任何数据，因为没有地方存。过去这一步需要写后端代码，在这里只需要一句话。

选中那个表单区块，输入类似「请设置数据库来储存预约信息」的指令。系统会引导你启用 Lovable Cloud（免费方案即可使用），按提示逐项允许之后，数据库就会被创建并和表单关联起来。此后访客每次提交，记录都会出现在后台的 Database 视图里，可以逐条查看。

建议在正式对外发布前，自己先提交一条测试数据，确认记录确实写入了 Database，再把测试数据删掉。表单字段的增减也要在这一步一并确认，避免上线后收到一堆缺字段的预约。

第七步：绑定自定义域名

默认情况下，网站挂在平台分配的一长串子域名下，辨识度不高。换成自己的域名需要付费方案，操作分两边：先在 Lovable 后台添加域名，再到域名注册商的后台填 DNS 记录。

在 Lovable 添加域名：进入「Domains」，点「Connect Domain」，输入你已购买的域名。
选择手动设置：在设置方式里选「Go to our manual setup」（手动设置），这样你能看到需要填写的具体记录。
复制 A 记录：Lovable 会给出两组 A 记录，每组包含 Host（主机名）和 Value（指向的 IP 地址）。把这两组都记下来。
到注册商后台填写：登录域名注册商的管理页面，找到该域名的「Advanced DNS」（高级 DNS）设置，把两组 A 记录分别新增进去。主机名和 IP 照抄，不要自行改写。
回 Lovable 确认并等待生效：回到 Lovable 点击完成。DNS 更新通常需要几个小时才能在全球范围内生效，后台状态指示消失即表示解析成功。

生效之后，任何人在浏览器输入你的域名都能打开这个站点。如果过了较长时间仍未生效，优先检查两处：A 记录的主机名是否填成了注册商要求的格式（有的平台根域名留空、有的要求填 @），以及是否误把记录加到了别的域名下。

一个完整示例

下面以一家虚构的猫咖「猫愈所」为例，走一遍从提示词到上线的完整流程。你可以把内容替换成自己的业务，结构保持不变。

第一步，写需求。先在文档里填好四块内容：

一、网站主题与目标受众
网站主题：一家位于台北市，提供咖啡与猫咪互动的猫咖「猫愈所」。
目标受众：喜欢猫咪的年轻人、情侣，以及需要放松空间的上班族。

二、网站核心功能与特色
核心功能：
1. 猫咪成员介绍：展示每只猫的照片、名字和个性。
2. 线上预约系统：顾客可预约来店时段。
3. 餐点菜单：展示咖啡、茶饮与点心。
4. 消费方式说明：入场费用与规定。
5. 访客须知与 Q&A：与猫咪互动的注意事项。
风格与特色：温暖、疗愈、可爱，大量猫咪照片，木质调与暖色系。

三、网站内容与文案
首页标题：欢迎来到「猫愈所」，一个让你被猫咪疗愈的温暖角落。
关于我们：「猫愈所」不只是咖啡厅，更是人与猫咪建立连结的桥梁。
猫咪成员：
- 拿铁：店里的撒娇大王，最喜欢被摸下巴。
- 布丁：好奇心旺盛的探险家，总在追逐雷射笔。
联络方式：
地址：台北市 XX 区 XX 路 XX 号
电话：02-1234-5678
营业时间：周二至周日 11:00 - 21:00（周一公休）

四、参考网站
参考这个站点的版块布局与配色：（此处填你选定的参考站地址）

第二步，提交生成。把上面整段复制进 Lovable 输入框并送出，等待几分钟。生成结果里应当能看到页首图、猫咪成员卡片、菜单、预约表单、常见问题、地图和页尾。

第三步，微调。点开首页标题，把措辞改成你满意的版本；点样式图标，把主色往暖木色调再拉一点。

第四步，改结构。选中猫咪成员区块，输入「我想要改成三只可爱的猫咪」，让页面从两只扩到三只，并补上第三只的名字与个性描述。

第五步，接数据库。选中预约表单，输入「请设置数据库来储存预约信息」，按引导启用 Lovable Cloud 并逐项允许。完成后自己提交一条测试预约，到 Database 里确认记录存在，再删除测试数据。

第六步，绑域名。在「Domains」里添加域名，选择手动设置，复制两组 A 记录，到注册商的 Advanced DNS 页面新增，回 Lovable 点完成，等待解析生效。生效后访问自己的域名，把首页、菜单、预约表单各点一遍，确认没有断链和空白区块。

注意事项

价格与额度会变：免费方案与付费方案的差异、额度上限、自定义域名是否可用，都以官网当前信息为准。本文不给出具体数字，避免你按过期信息做决定。
自定义域名需要付费方案：免费方案拿到的是平台分配的子域名，想用自己的域名必须先升级。
数据库要主动启用：表单生成出来不等于能收数据，必须走一遍启用 Lovable Cloud 的流程，并在 Database 里确认记录写入成功。
DNS 生效需要时间：A 记录填好后通常要等几个小时，期间打不开域名是正常现象，不要反复删改记录。
提示词越具体越好：功能一次列 3 到 5 项即可，列太多反而每项都做不深；文案要带真实信息，空泛的描述会得到空泛的页面。
AI 配图需要替换：自动生成的图片风格统一但未必对应真实业务，正式上线前换成自己的素材。
大改造一次只提一件事：把多个改动塞进一条对话指令，容易只完成一部分，剩下的还得再提一次。