> ## Documentation Index
> Fetch the complete documentation index at: https://we0-f8eb3f1a.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 快速开始

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

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

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

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

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

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

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

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

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

    <Frame>
      <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/image-8.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=5ecbf2e56f4893888c806df7987e1b04" alt="Image" width="1280" height="394" data-path="images/image-8.png" />
    </Frame>

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

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

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

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

    > 示例：先看整体内容，先不要点击确认设计
    >
    >     <Frame>
    >       <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/0-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=2dfb94071ded7bfed8ba3dddb355e9be" alt="0 1" width="1280" height="662" data-path="images/0-1.png" />
    >     </Frame>
  </Step>

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

      <Columns cols={2}>
        <Column>
          **完善网站内容：**

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

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

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

    > * \*\*示例：点击修改设计：\*\*修改页面整体UI风格，并添加手机版页面适配性，添加页面、丰富页面等
    >
    >       <Columns cols={2}>
    >         <Column>
    >           <Frame>
    >             <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/1-1-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=680bf0ce2de1da584a4771faf5626e35" alt="1 1 1" width="1280" height="662" data-path="images/1-1-1.png" />
    >           </Frame>
    >         </Column>
    >
    >         <Column>
    >           <Frame>
    >             <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/1-2-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=6c5cc7b0810b1677c613fdc92d679563" alt="1 2 1" width="1280" height="1132" data-path="images/1-2-1.png" />
    >           </Frame>
    >         </Column>
    >       </Columns>

    > * \*\*示例：点击文字或图片：\*\*在画布上修改文字或者图片，也可以让AI帮你修改
    >
    >       <Columns cols={2}>
    >         <Column>
    >           <Frame>
    >             <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/2-1-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=39d36b7bd613359bfdc0b60078271040" alt="2 1 1" width="1280" height="819" data-path="images/2-1-1.png" />
    >           </Frame>
    >         </Column>
    >
    >         <Column>
    >           <Frame>
    >             <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/2-2-2.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=38f457a20c3d2abc46fc5459c05a2348" alt="2 2 2" width="1280" height="883" data-path="images/2-2-2.png" />
    >           </Frame>
    >         </Column>
    >       </Columns>

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

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

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/3-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=b533bfa401fa243db47347d569d2378b" alt="3 1" width="1280" height="662" data-path="images/3-1.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/3-2.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=fbeebda5058f0b2582309b28d23074a2" alt="3 2" width="1280" height="662" data-path="images/3-2.png" />
        </Frame>
      </Column>
    </Columns>

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

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/3-3.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=6c41c81ce5be0af7c51a98baada4e30b" alt="3 3" width="1280" height="802" data-path="images/3-3.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/3-4.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=43e5a687ed0b4909e0cb2500ad1939d2" alt="3 4" width="1280" height="805" data-path="images/3-4.png" />
        </Frame>
      </Column>
    </Columns>

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

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

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

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

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/4-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=dca7ebff8d52f4e397668cd71f5462f7" alt="4 1" width="1280" height="723" data-path="images/4-1.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/4-2.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=8f6eb09ea0cb3ba0160892686f89f5f3" alt="4 2" width="1127" height="1280" data-path="images/4-2.png" />
        </Frame>
      </Column>
    </Columns>

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

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

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

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/5-1.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=2cb557d7e2c792b94a4cb73c811d0f5b" alt="5 1" width="1280" height="723" data-path="images/5-1.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/we0-f8eb3f1a/tFlPTeyKq3Eb3RQG/images/5-2.png?fit=max&auto=format&n=tFlPTeyKq3Eb3RQG&q=85&s=d343ba236c8188f294dd5b73fabcb2dd" alt="5 2" width="1280" height="694" data-path="images/5-2.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>
</Steps>