# 如何描述建站需求
Source: https://we0-f8eb3f1a.mintlify.app/zh/building/how-to-describe-website-requirements

用目标、用户、风格、页面和功能五要素写出清晰的建站需求，附五套可直接使用的模板。

<Info>
  在 [We0.ai](http://We0.ai) 里，建站的第一步通常不是画原型，也不是先写很长的文档，而是先把你的想法描述清楚\
  你描述得越清楚，AI 越容易理解你的目标，并生成更接近预期的网站方案

  这一章的重点不是让你“写得专业”，而是帮助你“写得清楚”
</Info>

### **1. 为什么建站需求要写清楚**

很多用户第一次输入需求时，容易写成：

> 帮我做一个好看的官网。

这类表达并不是完全不能用，但问题是信息太少。AI 无法准确判断：

* 你的网站是做展示还是转化
* 你的目标用户是谁
* 你想要什么风格
* 你需要哪些页面
* 你是否需要表单、博客、CMS、SEO 等能力

所以，比起“写得高级”，更重要的是把核心信息讲明白。

***

### **2. 一个清晰的建站需求，至少要包含什么**

#### 2.1 网站目标：先告诉 AI，这个网站是做什么的。

<Columns>
  <Column>
    * 例如：
    * 做企业官网
    * 做品牌展示站
    * 做获客转化页
    * 做作品集网站
  </Column>

  <Column>
    * 例如：
    * 做活动页面
    * 做内容专题站
    * 做趣味测试站
    * 互动网站
  </Column>
</Columns>

#### **2.2 目标用户：告诉 AI，这个网站是给谁看的。**

#### 例如：

* 面向海外 SaaS 客户
* 面向本地生活服务用户
* 面向求职者
* 面向品牌合作方
* 面向年轻消费者
* 面向创业者或企业客户

目标用户越清楚，网站结构、文案方向和转化设计通常也会更准确。

#### **2.3 风格与调性：告诉 AI 你希望网站看起来是什么感觉。**

#### 例如：

* 简洁、专业、可信赖
* 科技感、未来感、现代感
* 年轻化、轻松、有趣
* 高端、极简、品牌感强
* 温暖、自然、生活方式感

如果你有参考网站，也可以直接补一句或**使用意图识别功能**：

> 风格参考某某品牌官网，整体干净、留白多、强调专业感。

#### 2.4 页面与内容结构：告诉 AI 你需要哪些页面，或者至少告诉它你想展示哪些内容。

#### 常见页面包括：

* 首页
* 关于我们
* 产品或服务页
* 案例页
* 博客或内容页
* 联系我们
* 价格页
* 常见问题页

如果你还没想好页面，也可以换一种说法：

> 我想重点展示产品能力、客户案例、价格方案和联系方式。

#### 2.5 功能与转化动作：告诉 AI 这个网站除了展示，还要做什么。

**例如：**

* 预约演示
* 留资表单
* 联系咨询
* 内容更新
* 博客发布
* 商品展示
* 支付或登录
* 结果页分享

这一步很重要，因为它决定这个网站更偏展示站、内容站，还是具备产品化能力的网站。

***

### **3. 推荐的描述公式**

如果你不知道怎么组织语言，可以直接用这个公式：

> 我想做一个\[网站类型]，面向\[目标用户]，整体风格是\[风格关键词]。我需要\[页面或内容结构]，并希望用户可以完成\[转化动作或功能]。

你也可以写成更自然的表达，例如：

> 我想做一个面向海外客户的 AI SaaS 官网，风格简洁专业，需要首页、功能页、价格页、博客和联系页，重点突出自动化能力，并引导用户预约演示。

***

### **4. 可以直接参考的需求模板**

#### **模板 1：企业官网**

> 我想做一个企业官网，名称是\[]，面向\[中小企业客户]，整体风格\[简洁、专业、可信赖]。网站需要\[首页、产品介绍、客户案例、关于我们和联系页]，希望重点突出我们的核心服务是\[]，并引导\[用户提交咨询表单]。

#### **模板 2：品牌展示站**

> 我想做一个品牌展示站，名称是\[ ]，面向\[年轻消费人群]，整体风格是\[时尚、干净、有品牌感]。网站希望展示\[品牌理念、主打产品、用户评价和购买入口]，并保留\[后续更新内容的空间]。

#### **模板 3：个人作品集**

> 我想做一个个人作品集网站，名称是\[ ]，面向\[潜在客户和招聘方]，整体风格是\[简洁、高级、有设计感]。网站需要\[首页、个人介绍、作品展示、服务内容和联系方式]，希望突出我的\[设计风格与过往项目经验]。

#### **模板 4：内容专题站**

> 我想做一个内容专题站，主题是\[ ]，面向\[创业者和独立开发者]，整体风格是\[清晰、专业、偏科技感]。网站需要\[首页、专题文章页、案例页和订阅入口]，希望后续可以\[持续发布内容并积累搜索流量]。

#### **模板 5：互动创意网站**

> 我想做一个互动创意网站，主题是\[ ]，面向\[年轻用户]，整体风格是\[轻松、有趣、有互动感]。网站需要\[测试入口、问题页、结果页和分享页]，希望用户完成互动后可以\[生成结果卡片并分享给朋友]。

***

### **5. 如果你暂时没想那么清楚，也可以这样写**

<Tip>
  不是每个人一开始都能把需求写得很完整。如果你还在摸索阶段，可以先写最重要的三件事：
</Tip>

* 我想做什么类型的网站
* 我想给谁看
* 我希望网站最终起什么作用

**例如：**

> 我想做一个官网，主要给潜在客户看，希望看起来专业可靠，最后能让用户留下联系方式。

<Info>
  这已经比“帮我做个好看的官网”更有效了。后面还可以继续补充页面、风格、功能和参考网站。
</Info>

***

### **6. 不建议这样写**

<Note>
  下面这些写法通常信息太少，AI 很难准确理解：帮我做个网站

  * 做一个高级一点的官网
  * 给我弄一个好看的页面
  * 做个有科技感的站
</Note>

<Info>
  这些表达的问题不是“错”，而是“信息不够”。如果只有风格，没有目标；只有页面，没有用户；只有“好看”，没有功能，生成结果通常会偏空泛。
</Info>

***

### **7. 描述需求时的几个实用建议**

* 先写目标，再写风格，不要一上来只写“高级感”
* 先写核心页面，再补功能，避免需求太散
* [如果你有参考网站，可以直接说明你喜欢哪里（建议使用意图识别）](https://docs.we0.ai/file-4)
* [如果你有旧官网，可以告诉 AI 哪些内容保留、哪些需要升级（建议使用意图识别）](https://docs.we0.ai/file-4)
* [如果你有资料、草图、Logo、产品介绍或参考链接，建议一并提供给 AI（建议使用意图识别）](https://docs.we0.ai/file-4)
* 如果你最关心转化，就一定要明确写出预约、咨询、表单或购买入口

> 好的建站需求，不是写得越长越好，而是目标、用户、风格、页面和功能写得越清楚越好。

***


# 意图识别
Source: https://we0-f8eb3f1a.mintlify.app/zh/building/intent-recognition

通过上传已有资料、手绘草图和参考链接，让 AI 更精准地理解你的建站需求。

<Tip>
  意图识别是 [We0.ai](http://We0.ai) 在填写问卷、描述需求阶段的一项辅助能力。你可以把已有资料、手绘草图和参考链接一起交给 AI 让第一轮生成结果更接近你的预期。
</Tip>

<iframe />

<Frame>
  <img alt="6 1 1" />
</Frame>

***

### **1.输入已有资料**

如果你已经有现成资料，建议在填写问卷时一并提供给 AI。常见资料包括：

* 产品 Logo
* 产品介绍
* 品牌介绍
* 宣传文案
* PPT 或宣传册内容
* 旧官网资料
* 产品卖点与功能说明

这些资料可以帮助 AI 更快理解：

* 你的品牌是谁
* 你的产品或服务是什么
* 你的品牌调性和表达方式
* 哪些内容必须保留或重点展示

适合的场景：

* 你已经有品牌资料，不想重新手打一遍
* 你有旧官网，准备在原有基础上升级
* 你已经整理好文案，希望 AI 直接理解并生成页面

***

### **2.上传自己的草图**

如果你已经画过简单草图，或者有一个大概的页面框架，也可以直接发给 AI。草图不需要精致，只要能表达结构和思路，就能帮助 AI 更好地识别你的想法。

草图里通常可以包含：

* 首页想放哪些模块
* Banner、产品区、案例区的大致位置
* 按钮、表单和内容区块的大概布局
* 页面的层级关系

适合的场景：

* 你脑子里已经有画面，但不太会描述
* 你已经想好了结构，但还没有正式设计稿
* 你希望 AI 基于你的想法继续完善，而不是完全重新发挥

***

### **3.发送参考链接**

如果你已经有喜欢的参考网站，也可以直接把链接发给 AI。AI 会读取参考链接中的内容，帮助理解你想要的风格、结构和表达方式。

参考链接通常可以帮助 AI 理解：

* 你喜欢的视觉风格
* 你想借鉴的页面结构
* 你希望参考的内容节奏
* 你偏好的品牌表达方式

建议在发链接时顺手补一句说明，例如：

* 我想参考这个网站的首页排版
* 我喜欢这个网站的颜色和留白感
* 我希望产品介绍方式接近这个链接
* 我只参考它的结构，不参考它的品牌内容

这样会比只发链接更有效。

***

### **4.使用建议**

* 如果你有资料，尽量和文字需求一起提供，不要只靠一句很泛的描述
* 如果你有草图，不需要画得很精致，能表达结构就有价值
* 如果你发参考链接，最好说明你想参考它的哪一部分
* 如果你同时有 Logo、文案、草图和参考网站，建议一起给 AI

<Tip>
  意图识别不是额外步骤，而是帮助 AI 更准确理解你需求的一种输入方式。你提供的信息越完整，AI 越容易做出接近预期的网站方案。
</Tip>

***


# 网站编辑与内容完善
Source: https://we0-f8eb3f1a.mintlify.app/zh/building/website-editing-and-content-optimization

从画布到预览，详解对话编辑、板块修改、神奇画笔等网站打磨方式。

<Tip>
  当第一版网站生成出来后，真正决定网站完成度的

  往往不是“有没有生成”，而是“有没有继续把内容和细节打磨好”

  * 画布阶段：适合调整结构、文案、图片和页面细节等
  * 预览阶段：适合从接近正式上线的视角继续完善、扩展和检查网站等
</Tip>

***

### **A、画布阶段**

<Info>
  画布阶段是你和 AI 一起打磨页面的主要阶段\
  这个阶段建议优先处理页面结构、核心文案、图片素材和移动端适配
</Info>

#### **1. 对话框编辑（画笔阶段点击修改设计）**

<Tip>
  对话框编辑适合处理整页方向或跨板块需求。你可以直接告诉 AI 你想改什么，会根据你的描述调整页面
</Tip>

<Columns>
  <Column>
    适合这样用：

    * 修改整体风格，例如更简洁、更科技感
    * 添加或删除页面模块
    * 调整页面内容结构
    * 统一文案语气
    * 增加页面说明、卖点或转化入口
  </Column>

  <Column>
    建议这样描述：（描述的越精准改动效果越好）

    * 把首页改得更简洁，减少文字堆叠，突出品牌主视觉
    * 在首页增加客户案例模块，并补充一个咨询按钮
    * 把这套网站整体改成更适合海外用户阅读的表达方式
  </Column>
</Columns>

<Note>
  如果你希望改动更准确，建议在一句话里同时说清楚“改哪里、改成什么”
</Note>

<Frame>
  <img alt="7 1 1" />
</Frame>

***

#### **2. 板块修改（画笔阶段点击板块序号）**

<Tip>
  当你已经明确知道要调整哪个区域时，板块修改会比整页对话更高效。\
  你可以针对某一个模块单独提出修改要求。
</Tip>

常见板块包括：（根据您网站生成的页面自动匹配板块区域）

* Banner 区
* 产品介绍区
* 服务流程区
* 案例展示区
* 联系我们区
* 页脚信息区

例如：

* 把这个产品介绍板块改成三列卡片形式
* 把案例板块的标题改得更有说服力
* 删除这一段重复内容，换成客户收益说明

<Info>
  这种方式适合你已经确定页面大方向，只想局部优化的时候使用
</Info>

<Frame>
  <img alt="7 2 1" />
</Frame>

***

#### **3. 框选修改（画布阶段点击左上角框选多选按钮）**

<Tip>
  框选修改适合处理一个局部范围内的多项内容。比如某个区域同时包含标题、图片、按钮和说明文字，你可以直接框选这一块，告诉 AI 一起调整。
</Tip>

适合的场景：

* 一次性调整一个完整区块
* 对某个区域重新排版
* 统一修改一块区域内的风格或信息层级
* 让 AI 重新组织这一块内容

例如：

* 框选这一块，改成更适合转化的首屏结构
* 框选这一组内容，把排版改得更紧凑一些
* 框选这个区域，保留核心信息，其余内容尽量精简

<Info>
  如果你觉得“问题在这一块，但说不清具体是哪一句”，框选修改通常会很有帮助。
</Info>

<Columns>
  <Column>
    <Frame>
      <img alt="7 3 1" />
    </Frame>
  </Column>

  <Column>
    <Frame>
      <img alt="7 3 2" />
    </Frame>
  </Column>
</Columns>

***

#### **4. 选中修改（画布阶段选中容器）**

<Tip>
  选中修改适合处理更细颗粒度的内容，例如一段文字、一张图片、一个按钮或一个小组件

  单击选中对应容器，双击可直接编辑文字
</Tip>

适合这样使用：

* 单独修改标题、副标题或正文
* 调整按钮文案
* 修改某个数字、标签或描述词
* 微调某张图或某个小元素的位置与表达

例如：

* 把AI生成的案例图改为自己的产品图
* 把这个按钮文案从“了解更多”改成“立即预约演示”

<Info>
  当你只想改一个具体点位，而不想影响整块内容时，优先使用选中修改
</Info>

<Frame>
  <img alt="7 4" />
</Frame>

***

#### **5. 切换手机（画布阶段点击切换手机）**

<Tip>
  很多网站在桌面端看起来没问题，但切到手机端后，文字过长、图片过大、按钮太挤、排版断层等问题会比较明显。
</Tip>

<Note>
  所以在画布阶段，建议你切换手机视图检查页面
</Note>

重点建议查看：

* 标题是否过长
* 段落是否太密
* 图片是否被裁切
* 按钮是否容易点击
* 模块之间的上下间距是否舒服
* 表单和联系方式是否清晰可见

如果发现问题，可以直接告诉 AI：

* 为所有页面增加手机版适配性

<Info>
  移动端不是最后再补的步骤，建议在画布阶段就一起完善
</Info>

<Columns>
  <Column>
    <Frame>
      <img alt="7 5 1" />
    </Frame>
  </Column>

  <Column>
    <Frame>
      <img alt="7 5 2" />
    </Frame>
  </Column>
</Columns>

***

### **B、预览阶段**

<Info>
  预览阶段更接近正式上线前的使用状态。这个阶段建议你把自己代入成真实访客，从“能不能看懂、能不能使用、能不能转化”的角度继续完善网站。
</Info>

#### **1. 对话框编辑**

<Tip>
  在预览阶段，对话框编辑更适合处理“体验层”的问题，而不仅仅是视觉调整。
</Tip>

例如：

* 首页虽然好看，但卖点还不够清晰
* 联系方式有了，但转化入口还不够明确
* 某些页面内容完整度不够
* 用户浏览路径还不够顺畅

你可以直接这样说：

* 帮我检查这个网站的首页转化逻辑，并优化 CTA
* 把这几个页面的文案统一成更专业的品牌语气
* 帮我补充这个页面缺失的说明内容

<Info>
  这个阶段的重点不是“继续堆内容”，而是让网站更完整、更顺畅、更接近正式可用状态。
</Info>

<Frame>
  <img alt="7 B 1" />
</Frame>

***

#### **2. 神奇画笔**

<Tip>
  神奇画笔更适合快速指出问题、快速局部修正。你可以直接对页面上的某个区域提出修改意见，让 AI 更准确地理解你想改哪里。
</Tip>

适合的场景：

* 页面上某一块看起来不协调
* 某个元素位置不对
* 某个局部区域需要快速改文案或改样式
* 临近发布前需要快速修一批小问题

例如：

* 这一块留白太大，帮我收紧
* 这个按钮不够明显，帮我强化一下
* 这张图和这一段文案不太搭，帮我换掉

<Info>
  如果你已经知道问题就在页面某个位置，神奇画笔通常会比重新描述整页更高效。
</Info>

<Frame>
  <img alt="7 B 2" />
</Frame>

***

#### **3. 插件拓展**

<Tip>
  当网站主体已经基本完成后，如果还需要更多功能，可以在预览阶段结合插件拓展继续增强网站能力
</Tip>

* 集成邮箱
* 社交媒体链接
* 视频嵌入
* 定制水印

<Info>
  建议先把核心页面、核心文案和核心转化路径做好，再考虑插件拓展，这样会更稳妥
</Info>

<Frame>
  <img alt="7 B 3" />
</Frame>

***

#### **4. 图片与文档**

<Info>
  在预览阶段，图片与文档通常是决定网站“真实感”和“完整度”的关键部分
</Info>

<Tip>
  你可以继续补充或替换：

  <Columns>
    <Column>
      * 品牌 Logo
      * 产品图
      * 团队照片
      * 场景图
    </Column>

    <Column>
      * 海报或宣传图
      * 公司介绍文档
      * 产品手册
      * 宣传资料
    </Column>
  </Columns>
</Tip>

<Columns>
  <Column>
    这类内容的价值在于：

    * 让网站不只是一个空壳页面
    * 让品牌表达更真实可信
    * 让 AI 在后续优化时有更多依据
    * 帮助用户更快理解你的业务
  </Column>

  <Column>
    建议在发布前重点检查：

    * 图片是否清晰且版权可用
    * 文档内容是否为最新版本
    * 品牌资料是否统一
    * 联系方式、公司名称、产品名称是否前后一致
  </Column>
</Columns>

<Frame>
  <img alt="Image" />
</Frame>

***

### **C、网站编辑时的实用建议**

* 先改结构，再改文案，再改细节，不要一开始就反复抠小样式
* 先保证首页、核心页面和转化入口清楚，再去丰富次级页面
* 每次修改尽量带上目标，例如“更专业”“更适合转化”“更适合海外用户”
* 发现局部问题时，优先用板块修改、框选修改或神奇画笔，不一定每次都重做整页
* 每改完一轮都看一次手机端，避免最后集中返工
* 上线前至少完整浏览一遍首页、核心内页、表单页和联系页

***


# 建站流程总览
Source: https://we0-f8eb3f1a.mintlify.app/zh/getting-started/overview-of-website-building-process

从想法到上线再到持续运营，快速理解 We0.ai 的完整建站路径。

<Tip>
  [We0.ai](http://We0.ai) 的建站流程可以概括为一条从\*\*“想法”到“上线”\*\*的完整路径。这里不展开每一步操作，重点帮助你先建立整体认知；如果想看更细的说明，可以结合上面的[“快速开始”](https://docs.we0.ai/file)一起阅读。
</Tip>

<Frame>
  <img alt="4 1 1" />
</Frame>

* 前 1 到 3 步：把想法变成清晰的网站方案
* 第 4 到 6 步：把方案变成可上线的网站
* 第 7 步：把网站变成可持续运营的资产

<Warning>
  不是“一次生成完就结束”，而是“先生成、再完善、再上线、再持续运营”的完整过程。
</Warning>


# 建站前建议准备的资料
Source: https://we0-f8eb3f1a.mintlify.app/zh/getting-started/prepare

建站前建议准备的品牌资料、视觉素材和基础信息清单。

<Tip>
  为了让建站过程更顺畅，建议在开始前准备以下资料：

  * 品牌名称与一句话介绍
  * Logo、品牌色、视觉偏好
  * 产品或服务说明
  * 目标客户画像
  * 竞品或参考网站
  * 已有官网或旧版资料
  * 联系方式与社交媒体链接
  * 域名信息
</Tip>

<Note>
  资料不完整也可以先开始，但资料越完整，AI 生成结果通常越接近预期。
</Note>


# 产品简介与阅读指引
Source: https://we0-f8eb3f1a.mintlify.app/zh/getting-started/product-intro-and-reading-guide

介绍 We0.ai AI 建站平台的核心能力、适用场景及帮助文档的整体结构。

<Card title="We0.ai让每一个想法都能落地成站、让每一个品牌都能被看见、被记住、被选择" icon="sparkles" href="https://we0.ai/zh">
  * **免费体验地址：[https://we0.ai/zh](https://we0.ai/zh)**
  * **复杂的是过去 · 简单才是未来**
</Card>

## **什么是 [We0.ai](http://We0.ai) ？**

<Tip>
  [We0.ai](http://We0.ai) 是一支 AI 建站团队。只需要描述目标和需求，平台会协同多个智能体完成网站搭建过程中的关键工作，包括需求拆解、页面规划、视觉设计、代码生成、SEO 配置、域名绑定与部署上线。
</Tip>

* AI 智能建站：用自然语言描述需求，无需从零写代码
* 多智能体协作：由 Leader、设计、开发、运维等角色分工完成任务
* 前后端一体：不仅生成页面，也支持交付带 CMS 后台能力的网站项目
* AI SEO 友好：支持 SSR、元信息优化、结构化数据与搜索引擎友好配置
* 域名与发布：支持域名绑定、无需服务器直接上线发布流程
* 持续运营：支持上线后继续做内容更新、结构优化与日常维护

<iframe />

<Info>
  [We0.ai](http://We0.ai) 不只是帮你做一个页面，而是帮助你更快交付一个真正可以上线和运营的网站
</Info>

***

## **适合哪些场景**

* 企业官网与品牌官网
* 营销落地页与活动页
* 个人作品集、个人主页、博客
* 顾问型、专家型、服务型展示站
* 老官网升级改版
* 本地生活服务官网
* 带内容运营需求的轻量网站
* 小型品牌电商站或独立站

<Note>
  [如果你的项目是大型复杂系统、深度业务集成、长期定制开发，建议结合定制化服务一起评估](https://ncns438s44is.feishu.cn/wiki/FIJgwNEJTil2znkCFcIcBCF3ndc?larkTabName=space#BjtVdvaSDomYMhx9TcKcxsxonUd)
</Note>

***

## **帮助文档结构**

为了帮助您快速使用 [WE0.AI](http://WE0.AI) ，我们将文档分为以下几个部分：

* [产品简介与阅读指引：快速了解 We0.ai 和文档阅读方式](https://docs.we0.ai/file-3)
* [快速开始：从填写需求到完成第一轮建站体验](https://docs.we0.ai/file)
* [建站准备：开始建站前建议准备的资料与信息](https://docs.we0.ai/file-copied-1)
* [建站流程总览：快速理解 We0.ai 的完整建站流程](https://docs.we0.ai/file-1)
* [如何描述建站需求：学会更清晰地表达建站想法](https://docs.we0.ai/file-2)
* [意图识别：结合资料、草图和参考链接让 AI 更懂你的需求](https://docs.we0.ai/file-4)
* [网站编辑与内容完善：补充内容、修改页面与完善网站细节](https://docs.we0.ai/file-5)
* [CMS 与运营：了解后台管理与网站上线后的日常运营](https://docs.we0.ai/cms)
* [域名与发布：选择域名并完成网站发布上线](https://docs.we0.ai/file-6)
* [SEO 与增长：了解 SEO、GEO 与网站增长能力](https://docs.we0.ai/seo)
* [灵感与创意：把更多创意和互动想法做成网站](https://docs.we0.ai/file-7)
* [套餐与交付：了解不同套餐和交付方式](https://docs.we0.ai/file-8)
* [常见问题：快速查看高频问题与解答](https://docs.we0.ai/file-9)

***


# 快速开始
Source: https://we0-f8eb3f1a.mintlify.app/zh/getting-started/quickstart

从明确目标到上线运营，六步完成第一次 AI 建站体验。

<Tip>
  **如果你是第一次使用 [We0.ai](http://We0.ai)，建议按下面的步骤完成第一轮体验**
</Tip>

<Steps>
  <Step title="第一步：明确网站目标">
    <Columns>
      <Column>
        **先想清楚四个问题：**

        * 你的网站是做品牌展示、获客转化、内容运营
        * 你的目标用户是谁
        * 你希望用户进入网站后完成什么动作
        * 你准备做哪些页面
      </Column>

      <Column>
        **常见页面包括：**

        * 首页
        * 关于我们
        * 产品或服务介绍
        * 案例或客户成果
        * 博客或内容页
        * 联系我们
      </Column>
    </Columns>

    <Tip>
      **想清楚后点击：开启定制之旅开始填写问卷（写网站需求）**
    </Tip>
  </Step>

  <Step title="第二步：写出第一版需求">
    <Note>
      **建议把需求写成“目标 + 风格 + 页面 + 功能 + 转化动作”的组合。**
    </Note>

    > 示例：\
    > 面向全球高净值用户，打造 \[蔚灵高奢] 高端外贸品牌阵地，突出\[轻奢质感与品牌调性]；风格简约高级、国际化轻奢；页面含\[品牌首页、产品画册、关于我们、询盘页]；支持多语言、产品分类展示；\[转化以留下联系方式、在线询盘、促成订单为主]。

    <Frame>
      <img alt="Image" />
    </Frame>

    <Tip>
      如果你已经有旧官网、PPT、宣传册或文案资料等，建议先整理后[**使用意图识别**](https://docs.we0.ai/file-4)发给 AI
    </Tip>
  </Step>

  <Step title="第三步：生成初始设计稿">
    <Info>
      建议先确认整体方向，**不要点击确认设计**，在设计稿细节修改或完善网站。

      平台会根据你的输入生成初始设计方案，通常会涉及：

      * 网站页面结构（排版布局）
      * 网站功能
      * 视觉方向（UI主视觉）
      * 基础网站内容
    </Info>

    > 示例：先看整体内容，先不要点击确认设计
    >
    > <Frame>
    >   <img alt="0 1" />
    > </Frame>
  </Step>

  <Step title="第四步：完善网站内容">
    <Tip>
      在这个阶段，你可以继续补充或者进行修改：\\

      <Columns>
        <Column>
          **完善网站内容：**

          * 品牌名称与介绍
          * 产品或服务说明
          * 用户价值与优势
          * 联系方式与转化入口
          * 网页其他页面（丰富页面）
          * 多语言切换（如中英文切换）
        </Column>

        <Column>
          **修改网站内容**

          * 页面布局
          * UI视觉样式
          * 图片、Logo 与视觉素材
          * 文字内容
          * 页面适配性（建议添加手机端适配性）
        </Column>
      </Columns>
    </Tip>

    > * \*\*示例：点击修改设计：\*\*修改页面整体UI风格，并添加手机版页面适配性，添加页面、丰富页面等
    >
    >   <Columns>
    >     <Column>
    >       <Frame>
    >         <img alt="1 1 1" />
    >       </Frame>
    >     </Column>
    >
    >     <Column>
    >       <Frame>
    >         <img alt="1 2 1" />
    >       </Frame>
    >     </Column>
    >   </Columns>

    > * \*\*示例：点击文字或图片：\*\*在画布上修改文字或者图片，也可以让AI帮你修改
    >
    >   <Columns>
    >     <Column>
    >       <Frame>
    >         <img alt="2 1 1" />
    >       </Frame>
    >     </Column>
    >
    >     <Column>
    >       <Frame>
    >         <img alt="2 2 2" />
    >       </Frame>
    >     </Column>
    >   </Columns>

    <Tip>
      **修改完善没问题之后，请点击确认设计进入到等待进入预览页面（5-6分钟）**
    </Tip>
  </Step>

  <Step title="第五步：配置后台与检查发布前配置">
    <Info>
      进入预览页面后点击配置后台，第一次登入请输入后台账号密码\*\*（自定义要牢记）\*\*
    </Info>

    <Columns>
      <Column>
        <Frame>
          <img alt="3 1" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img alt="3 2" />
        </Frame>
      </Column>
    </Columns>

    <Info>
      在后台会生成与前端对应的板块内容（如商品/文章/图片等）
    </Info>

    <Columns>
      <Column>
        <Frame>
          <img alt="3 3" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img alt="3 4" />
        </Frame>
      </Column>
    </Columns>

    <Danger>
      **正式上线前建议重点确认：**

      <Columns>
        <Column>
          * 页面内容是否完整
          * 手机端是否正常展示
          * 表单、按钮、联系方式是否可用
        </Column>

        <Column>
          * 页面标题与描述是否合理
          * 是否已完成配置后台
          * 网站是否可以正常访问
        </Column>
      </Columns>
    </Danger>

    <Info>
      **如有问题请用「神奇画笔」或者对话框对 AI 提出修改**
    </Info>

    <Columns>
      <Column>
        <Frame>
          <img alt="4 1" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img alt="4 2" />
        </Frame>
      </Column>
    </Columns>

    <Check>
      **全部没有问题后点击发布网站，选择域名与进行发布**
    </Check>
  </Step>

  <Step title="第六步：上线后持续运营">
    网站上线不是结束，而是开始。建议持续做三件事：

    1. 定期更新内容与案例
    2. 观察访问和转化情况
    3. 根据 SEO 与业务反馈持续优化页面结构与文案

    <Columns>
      <Column>
        <Frame>
          <img alt="5 1" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img alt="5 2" />
        </Frame>
      </Column>
    </Columns>
  </Step>
</Steps>


# CMS 与网站运营
Source: https://we0-f8eb3f1a.mintlify.app/zh/operations/cms-and-website-operations

了解 We0.ai 自动生成的 CMS 后台如何与网站前端同步，支持长期内容运营。

<Tip>
  在 [We0.ai](http://We0.ai) 中，CMS 不是一个和网站分离的通用后台，而是会随着用户生成的网站一起同步生成的管理后台。生成什么类型的网站，后台就会尽量匹配这个网站所需要管理的内容和数据。
</Tip>

> 例如：
>
> * 如果你生成的是电商网站，后台里就会有商品相关的配置和数据管理
> * 如果你生成的是内容网站，后台里就会有文章、栏目等内容管理
> * 如果你生成的是展示型官网，后台里就会有案例、服务、页面信息等对应配置

***

### **1. CMS 是怎么和网站对应的**

<Tip>
  当网站生成完成后，系统会根据前端网站的结构和内容需求，同步生成对应的数据模型和后台管理能力。前端展示什么，后台通常就会对应生成可配置、可维护的数据内容
</Tip>

* 网站前台和后台不是分开的两套东西
* 后台里的内容通常和前台展示是一一对应的
* 后续如果要维护网站，不需要重新找人改代码，可以直接在后台管理对应内容

> 比如一个电商网站，前台需要展示商品、分类、详情和价格，那么后台就需要能管理这些商品数据；一个文章网站前台展示文章和栏目，那么后台就需要能配置文章内容和分类结构。

***

### **2. 如何进入 CMS 后台**

<Info>
  这一步建议在网站正式开始运营前就先完成，并**妥善保管后台账号信息**
</Info>

* 项目生成完成后，在预览页面最上方位置有配置后台按钮
* 进入 CMS 后台登录页面
* 首次登录需要先注册账号，**且只允许注册一个账号**
* 注册完成后即可进入后台

<Columns>
  <Column>
    <Frame>
      <img alt="8 2" />
    </Frame>
  </Column>

  <Column>
    <Frame>
      <img alt="8 2 1" />
    </Frame>
  </Column>
</Columns>

<Warning>
  一定要保存你首次登入后台的账号密码！如果丢失无法找回！
</Warning>

***

### **3. 后台可以做什么**

<Info>
  后台左侧会展示模块列表，不同网站生成的模块内容可能不同

  你可以理解为，这些模块就是网站前台对应的数据来源
</Info>

CMS 后台主要支持以下操作：（会根据你网站的功能生成对应的可编辑模块）

* 搜索数据
* 筛选数据
* 新建数据
* 编辑数据
* 删除数据
* 等等

<Columns>
  <Column>
    <Frame>
      <img alt="8 3 1" />
    </Frame>
  </Column>

  <Column>
    <Frame>
      <img alt="8 3 2" />
    </Frame>
  </Column>
</Columns>

***

### **4. CMS 的核心价值是什么**

<Info>
  不在于“多了一个后台入口”，而在于它让你的网站从一开始就具备了可维护能力
</Info>

* 网站生成后，不只是能看，还能改
* 网站内容更新，不一定要重新改页面代码
* 前台展示和后台数据可以长期配合运营
* 网站不会轻易变成“上线后无法维护的静态页面”

<Info>
  对于需要持续更新的网站来说，这一点非常重要
</Info>

***

### **5. 哪些网站会特别依赖 CMS**

<Info>
  如果你的网站属于下面这些类型，通常会更依赖 CMS 后台：
</Info>

* 电商网站
* 商品展示站
* 内容站
* 博客站
* 企业官网
* 服务展示站
* 案例展示站

<Tip>
  这些网站的共同点是：前台展示内容不是一次写死的，而是后续会持续变化。既然内容会变，就需要一个和网站同步的后台来持续管理
</Tip>

***

### **6. 上线后通常怎么运营**

<Info>
  网站上线之后，后台通常会成为日常运营的主要入口之一。常见的运营动作包括：
</Info>

* 新增商品或服务内容
* 更新文章和资讯
* 调整案例和客户成果
* 修改联系方式与表单信息
* 优化页面基础展示内容

<Check>
  这些内容能通过 CMS 维护，网站就不只是“搭出来了”，而是真正进入可运营状态
</Check>

***

### **7. 使用建议**

* 网站生成后，建议先进入 CMS 看看系统已经为你生成了哪些模块
* 优先熟悉和前台展示最相关的几个模块，例如商品、文章、案例、服务
* 如果你的网站后续会持续更新内容，建议尽早建立后台维护习惯
* 如果你做的是电商、内容或服务站，CMS 基本会成为长期使用频率很高的模块

***


# 域名与发布
Source: https://we0-f8eb3f1a.mintlify.app/zh/operations/domain-and-launch

选择域名并一键发布网站，无需服务器配置即可完成上线。

<Tip>
  [We0.ai](http://We0.ai) 的域名与发布流程很简单，核心就是：`选域名 -> 点击发布 -> 直接使用`
</Tip>

<Frame>
  <img alt="9 1 1" />
</Frame>

***

### **1. 域名选择方式**

<Columns>
  <Column>
    #### **系统默认域名**

    * 免费
    * 无需注册域名
    * 可直接用于发布
  </Column>

  <Column>
    #### **域名选号**（仅限1380套餐）

    * 赠送 `域名自选`
    * 适合希望域名更贴近品牌名称的用户
  </Column>

  <Column>
    #### **自定义域名**

    * 先查询价格
    * 再联系客服购买
    * 购买后用于正式绑定和发布
  </Column>
</Columns>

<Frame>
  <img alt="9 1 1 1" />
</Frame>

***

### **2. 发布前检查**

<Note>
  发布前建议确认：

  <Columns>
    <Column>
      * 页面内容已完成
      * 手机端展示正常
    </Column>

    <Column>
      * 表单、按钮、联系方式可用
      * CMS 后台已完成基础配置
    </Column>
  </Columns>
</Note>

<Warning>
  点击发布网站将会消耗一次发布次数，发布后在预览页面修改内容正式版不会同步修改，需要再次点击发布网站即可同步网站内容（cms后台修改添加不受影响）
</Warning>

***

### **3. 发布方式**

域名选好后，直接点击发布网站即可。

* 无需自己购买和配置服务器
* 无需自己部署项目（AI自动部署）
* 可直接完成上线

***

### **4. 发布后**

发布完成后，网站可直接通过对应域名访问和使用。

部署url：就是您的网站链接（可以通过这里进入您的网站，链接后面加上`/cms`就是管理后台）

<Frame>
  <img alt="9 4" />
</Frame>

***


# SEO 与内容增长
Source: https://we0-f8eb3f1a.mintlify.app/zh/operations/seo-and-content-growth

介绍 We0.ai 内置的 SEO 优化引擎、GEO 自动发文及数据驱动增长能力。

<Tip>
  SEO + GEO 双引擎，建站即获客流量增长机器。

  把网站搭出来，解决“网站建好了但没有流量”的问题。

  * 让网站被看见
  * 让好产品能卖出

  如果你希望网站承担品牌曝光、搜索获客或内容增长的任务，[那么We0.AI](http://那么We0.AI)将是一个不错的选择！
</Tip>

***

### **1. 内置 SEO 优化引擎**

<Tip>
  AI 一键为您的网站生成专属 SEO 优化，让搜索友好能力从建站阶段就同步到位

  * 生成并选择 SEO 建议
  * 设置网站图标
  * 执行 SEO 更新
  * 自动生成合规标签
  * 自动生成结构化数据
  * 适配百度、Google 和 AI 搜索引擎
</Tip>

<Frame>
  <img alt="10 1" />
</Frame>

***

### **2. 生成并选择 SEO 建议**

<Tip>
  SEO热更新页面，AI 会先为当前已发布网站生成 SEO 标题和元描述建议，并提供多个版本供用户选择
</Tip>

* 帮助网站快速生成更适合搜索引擎的标题和描述
* 让用户可以从多个建议版本里选择更合适的一版
* 减少手动逐条编写 SEO 文案的成本

如果选择了推荐建议，系统会优先按建议执行；如果不选择，则会按默认策略进行 SEO 更新。

<Frame>
  <img alt="10 2" />
</Frame>

***

### **3. 设置网站图标**

<Tip>
  <Columns>
    <Column>
      SEO 更新包含图标设置\
      用户可以：

      * 上传图片或 `.ico`
      * 通过 AI 自动生成网站图标
    </Column>

    <Column>
      支持的格式包括：

      * SVG
      * PNG
      * JPG
      * WEBP
      * GIF
    </Column>
  </Columns>
</Tip>

最终会统一部署为 `favicon.svg`。这一步帮助网站完善品牌识别度，同时让搜索相关展示更完整

<Frame>
  <img alt="10 3" />
</Frame>

***

### **4. 执行 SEO 更新**

<Tip>
  在完成建议选择和图标设置后，用户可以直接执行 SEO 更新。界面中会展示实时流程状态，例如：

  * 待处理
  * 分析中
  * 运行中
  * 推送中
  * 成功
</Tip>

<Frame>
  <img alt="10 4" />
</Frame>

***

### **5. GEO 自动发文（即将上线）**

除了 SEO，[We0.ai](http://We0.ai) 还即将拥有 GEO 自动发文能力。

* 精准触达本地客户
* 精准触达目标区域客户
* 提升获客的精准度
* 让豆包、DeepSeek、千问能直接搜索到

***

### **6. 数据反向驱动**

[We0.ai](http://We0.ai) 的增长逻辑还包括：

* 实时优化网站结构
* 让流量持续增长
* 建完即获客

也就是说，网站不是一次生成后就不再变化，而是可以结合后续表现持续优化。

***


# 联系与体验入口
Source: https://we0-f8eb3f1a.mintlify.app/zh/resources/contact-and-demo-entry

获取 We0.ai 官网链接与免费体验入口，建议在电脑端访问。

<Tip>
  官网：[https://we0.ai/zh（建议优先在电脑端体验）](https://we0.ai/zh)
</Tip>

<Frame>
  <img alt="14 1" />
</Frame>


# 常见问题
Source: https://we0-f8eb3f1a.mintlify.app/zh/resources/faq

快速解答关于代码要求、页面类型、适用人群和内容更新等高频问题。

1. [**We0.ai**](http://We0.ai)**需要会写代码吗？** 不需要。用户通过自然语言和 AI 协作完成建站过程，适合零代码基础用户。
2. [**We0.ai**](http://We0.ai)**只会生成静态页面吗？** 不是。生成网站前后端一体与 CMS 后台能力，不只是静态展示页生成工具。
3. [**We0.ai**](http://We0.ai)**更适合谁？** 更适合需要快速搭建官网、品牌站、落地页、内容站和服务展示站的个人与团队，尤其适合创业者、中小企业和个人创作者。
4. **上线之后可以自己更新网站内容吗？** 支持 CMS 后台，因此网站上线后可以继续做内容更新和日常运营，不必每次修改都依赖开发人员。


# 灵感与创意
Source: https://we0-f8eb3f1a.mintlify.app/zh/resources/inspiration-and-creativity

We0.ai 不只做官网——探索互动站、工具站、内容站等更多创意网站可能性。

<Tip>
  [We0.ai](http://We0.ai) 不只是用来做企业官网，它更适合被理解为一个把想法快速落地成网站的 AI 建站平台

  只要你的想法适合用网站来呈现，只要网站代码能实现，[We0.ai](http://We0.ai) 就值得拿来试着把它做出来
</Tip>

### **1.  [We0.ai](http://We0.ai) 不只做官网**

<Tip>
  很多用户一开始会把建站平台理解成“做官网的工具”，官网只是最常见的一种结果，不是能力边界

  只要你的想法适合通过网站来表达、传播、互动、展示、转化或运营，它都可以成为的应用场景
</Tip>

<Check>
  换句话说，不要先把它限制成“官网生成器”，而要把它理解成“网站想法落地器”
</Check>

| 品牌营销型网站 | 活动专题页   | 个人作品集   | 咨询顾问展示站  |
| :------ | :------ | :------ | :------- |
| 技术专家个人站 | 旅游攻略网站  | 人格测试互动站 | 内容专题站    |
| 本地生活服务站 | 小型品牌电商站 | 在线工具网站  | AI 应用展示站 |
| 互动小游戏网站 | 问答测试网站  | 课程报名网站  | 社群引流网站   |
| 作品展览网站  | 资源导航网站  | 会员内容网站  | 预约与下单网站  |

***

### **2. 写需求时不要把自己限制住**

更好的问题通常是：

* 我想表达的内容，适不适合做成网站？
* 我想让用户看到什么、做什么、留下什么？
* 这个网站是偏展示、互动、传播，还是转化？

甚至可以再往前一步想：

* 这个想法如果放到网站里，用户会怎么参与？
* 这个网站除了展示，还能不能承接内容、服务或数据？
* 这个网站能不能持续更新、持续传播、持续变现？

例如，你可以尝试：

* 一个带测试结果页和分享机制的互动站
* 一个围绕某个细分主题持续更新的内容站
* 一个把个人经历、作品和服务整合在一起的个人站
* 一个围绕品牌故事和产品理念展开的专题站
* 一个为线下门店、活动或课程服务的展示与预约站
* 一个带用户输入、结果反馈和分享机制的小工具站
* 一个把产品介绍、内容运营和咨询转化放在一起的完整业务站

***

### **3. 发挥你的想象力吧**

对 [We0.ai](http://We0.ai) 来说，官网只是起点，不是边界。

* 让每一个想法都能落地成站
* 让每一个品牌都能被看见、被记住、被选择
* 只要是网站代码能做的，就值得拿 [We0.ai](http://We0.ai) 试着去实现

如果你已经有一个想法，但还不确定它是不是“标准官网”，那很可能正适合先用 [We0.ai](http://We0.ai) 试着把它做出来。

***


# 套餐与交付说明
Source: https://we0-f8eb3f1a.mintlify.app/zh/resources/pricing-plans-and-delivery-details

了解 We0.ai 各套餐与交付方式，具体价格以官方最新页面为准。

<Info>
  套餐、价格与服务范围后续可能调整，正式信息请以官方最新页面或销售说明为准
</Info>

<Frame>
  <img alt="12 1" />
</Frame>