创建第一个网站
本文带您完成从零到网站生成的完整流程。预计耗时 10~15 分钟,其中大部分是等待 AI 生成的时间。
前置准备
必须准备
无。您可以直接开始创建和设计网站,不需要先买域名、也不需要先付费。
建议提前准备
如果希望一次生成就接近满意,建议先想清楚:
| 准备项 | 说明 |
|---|---|
| 业务定位 | 你是做什么的、给谁看、想让访客做什么 |
| 页面清单 | 大概需要哪几个页面 |
| 视觉倾向 | 风格(简约/商务/活泼) |
| 素材 | 企业 LOGO、产品图、公司地址电话等 |
关于域名
域名只在发布上线时才需要。建议您绑定在 NamesLink 购买的域名。
第一步:进入新建网站页面
在控制台点击「新建网站」,进入创建表单。
页面顶部会显示:
一键生成网站,轻松发布上线 告诉 AI 你想要什么样的网站,几分钟内即可上线
表单包含三个必填项和一个可选项。
第二步:填写网站名称
字段:网站名称(必填)
给您的网站起一个名字。这个名称用于在控制台区分不同站点,后续可以随时修改。
建议:用能一眼认出的名字,例如「XX公司官网」「双十一活动页」,而不是「测试1」「新建网站」。当站点数量变多时,这能省不少事。
第三步:选择场景
字段:场景选择(必填)
从以下选项中选择最接近的一项:
| 场景 | 适用于 |
|---|---|
| 个人简历/作品集 | 个人简历、个人主页、作品展示 |
| 品牌官网 | 公司介绍、品牌展示、服务介绍 |
| 公司官网 | 公司介绍 |
| 活动会议推广 | 活动宣传、会议邀请、报名页面 |
| 个人博客 | 个人博客 |
| 其它 | 您可以填写您需要的网站用途 |
第四步:填写描述
字段:描述(必填)
这是决定生成质量的最关键一步。输入框提示语为「请描述您想实现的网站场景、功能」。
描述该怎么写
一个好的描述通常包含四个要素:
① 我是谁(行业 + 规模/特点)
② 我要什么页面
③ 我要什么功能
④ 我想要什么风格
对比示例
❌ 描述过于简单
做一个咖啡店网站
AI 缺少判断依据,只能给出通用结果,后续需要大量修改。
✅ 描述充分
我开了一家宠物友好的咖啡馆,在杭州,店里有 6 只猫。需要四个页面:
-
首页:突出「可以带宠物」和「有猫」两个特色,放店内环境照片
-
菜单:咖啡、甜点两类,需要显示价格
-
猫咪介绍:6 只猫,每只有照片、名字、性格介绍
-
在线预约:可以选日期和时段,留手机号,说明是否带宠物
风格温馨可爱,主色调暖黄色,圆角设计,字体不要太商务。
这样的描述通常一次生成就能达到 80% 满意度。
用「AI 帮你生成」补全描述
如果不知道怎么写,可以:
-
先简单写几句核心信息。
-
点击「AI 帮你生成」按钮。
-
页面显示「AI 正在生成描述…」,稍后会自动扩写成一段完整、结构化的描述。
-
在此基础上手工修改成你想要的样子。
这个功能特别适合「知道自己要什么但不擅长表达」的情况。
第五步:上传参考文件(可选)
字段:上传文件
您可以上传资料辅助 AI 理解需求,例如:
-
企业 LOGO
-
已有的 PRD 或需求文档
-
公司介绍、产品资料
-
参考设计截图
上传限制:
| 限制项 | 数值 |
|---|---|
| 单文件大小 | 最大 10MB |
| 文件数量 | 最多 10 个 |
| 文件格式 | 按页面提示的格式列表 |
超限时会提示「文件大小超过限制,单文件最大 10MB,最多 10 个文件」或「文件格式不正确」。
实用技巧:上传 LOGO 后,AI 会尝试从 LOGO 中提取品牌配色,让整站视觉更统一。如果您有已成型的 PRD,直接上传比手打描述更高效。
第六步:开始构建
点击「开始构建」按钮,按钮变为「构建中…」,进入 AI 对话阶段。
第七步:与 AI 确认需求
页面显示「正在与你确认需求...」,随后 AI 会向您提问,以补全描述中缺失的信息。
问题的几种形式
AI 的提问可能是以下任意一种:
| 形式 | 说明 |
|---|---|
| 单选 | 从给定选项中选一个 |
| 多选 | 标注「(多选)」,可选多项 |
| 填空 | 直接输入内容 |
| 自定义输入 | 选项之外,可输入自己的答案 |
| 上传文件 | 提示「上传相关资料进行补充,支持上传企业 LOGO、公司地址、公司电话及公司介绍等信息」 |
回答完后点击「提交」。
两个关键选择
在追问过程中,界面会提供两个按钮,理解它们的区别很重要:
| 按钮 | 作用 | 什么时候用 |
|---|---|---|
| 继续细化需求 | 让 AI 继续追问更多细节 | 你的描述比较简略,希望 AI 帮你想全面 |
| 直接生成需求文档 | 跳过后续追问,立刻生成 PRD | 你的描述已经很详细,不想再回答问题 |
建议:如果第四步的描述写得比较完整,可以直接点「直接生成需求文档」,节省时间和灵感值。反之,多回答几轮追问,能让结果更贴近预期。
第八步:确认需求文档(PRD)
AI 会生成一份需求文档(PRD),页面显示「需求文档生成中...」,完成后可在右侧查看。
PRD 包含:
-
网站整体定位与目标用户
-
页面结构清单
-
各页面的板块与功能说明
-
视觉风格说明
这一步请务必认真看
PRD 是您唯一的低成本纠错机会。此时修改需求几乎不消耗额外资源;一旦生成代码后再改,就要走 AI 对话修改流程,消耗灵感值且耗时更长。
检查要点:
-
页面清单是否齐全?有没有漏掉需要的页面?
-
有没有多余的页面?
-
关键功能(表单、预约、会员登录)是否都写到了?
-
视觉风格描述是否符合预期?
修改 PRD
在生成前,您可以点击「编辑需求文档」直接修改内容。改完后再确认。
确认无误后,点击「立即生成应用」,再次确认「确认生成应用」。
第九步:等待生成
页面显示「正在创建您的网站...」,并实时展示 AI 的工作进度。
您会看到的执行过程
生成过程是透明的,界面会显示 AI 正在执行的具体任务:
| 显示内容 | 含义 |
|---|---|
| 任务执行中... | 正在处理 |
| 已执行 N 个任务 | 累计完成的任务数 |
| 新增内容 / 编辑内容 | 正在创建或修改文件 |
| 写了 N 行 / +N行 / -N行 | 代码变更量 |
| 配置后端服务 | 搭建服务端能力 |
| 执行 SQL 语句 / 获取表信息 | 创建和配置数据库 |
| 调用插件技能 | 调用专项功能插件 |
| 预览页面 | 生成的页面可预览了 |
| 当前进度 XX % | 整体进度 |
生成耗时
通常需要几分钟到十几分钟,具体取决于:
-
网站的页面数量与功能复杂度
-
是否涉及数据库和后端逻辑
-
当前平台的任务队列情况
可以离开页面:生成任务在服务端执行,关闭页面不影响进度。稍后回来查看即可。
可能出现的中断提示
生成过程中如遇到以下情况会弹窗,需要您做选择:
| 提示 | 处理方式 |
|---|---|
| 灵感值额度已用完 | 点击「立即充值」,充值后点「已完成支付」,任务继续执行 |
| 当前版本功能受限(数据库) | 升级版本,或选择「跳过数据库调用,继续生成」 |
| 高级插件升级提示 | 升级版本,或选择「跳过插件调用,继续生成」 |
| 数据库空间不足 / 空间达到上限 | 升级版本或清理数据后继续 |
第十步:查看结果
生成完成后,您可以通过顶部导航栏进入三个入口:
| 入口 | 用途 |
|---|---|
| 预览 | 查看网站效果,可切换电脑端/手机端视图 |
| 编辑 | 进入可视化编辑器,直接改文字和图片 |
| 管理 | 进入后台,配置域名、管理内容、配置 SEO |
同时您可以继续在对话框中提要求,让 AI 修改网站。