> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aichuangfang.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 快速入门指南

> 在几分钟内构建并发布您的第一个网站

## 构建您的第一个网站

通过创建、自定义和发布您的第一个网站来开始使用 AISiteBuilder。

### 步骤 1：创建您的账户

<Steps>
  <Step title="注册">
    访问 [aichuangfangpgd.netlify.app](https://aichuangfangpgd.netlify.app/) 并使用电子邮件或社交登录创建您的账户。
  </Step>

  <Step title="选择您的计划">
    选择适合您需求的计划。从免费套餐开始探索平台。
  </Step>
</Steps>

### 步骤 2：开始构建

<Steps>
  <Step title="描述您的网站">
    在聊天界面中，描述您想要构建的网站。具体说明：

    * 目的和目标
    * 所需的关键功能
    * 设计偏好
    * 目标受众

    示例："为健身应用创建一个落地页，包含英雄区块、功能列表、价格表和联系表单。使用现代、充满活力的设计，主色调为蓝色和橙色。"
  </Step>

  <Step title="审查计划">
    AI 将为您的网站创建详细计划。在构建之前审查并进行任何调整。
  </Step>

  <Step title="构建">
    点击"构建"并观看 AI 实时创建您的网站。您将看到预览随着组件的添加而更新。
  </Step>
</Steps>

### 步骤 3：自定义

<Steps>
  <Step title="进行更改">
    使用聊天请求更改：

    * "将英雄背景更改为渐变"
    * "添加一个推荐区块"
    * "更新联系表单以包含电话号码字段"
  </Step>

  <Step title="使用可视化编辑器">
    点击预览中的元素直接编辑它们。调整文本、图像、颜色和间距。
  </Step>

  <Step title="测试响应性">
    在桌面、平板和移动视图之间切换，确保您的网站在所有设备上看起来都很棒。
  </Step>
</Steps>

### 步骤 4：发布

<Steps>
  <Step title="配置设置">
    设置您的网站设置：

    * 选择域名
    * 配置 SEO 设置
    * 设置分析
  </Step>

  <Step title="部署">
    点击"发布"使您的网站上线。您的网站将立即部署并带有 SSL 证书。
  </Step>

  <Step title="分享">
    您的网站现在已上线！与全世界分享 URL。
  </Step>
</Steps>

## 下一步

<CardGroup cols={2}>
  <Card title="学习最佳实践" icon="lightbulb" href="/best-practices/prompting">
    掌握提示 AI 的艺术以获得更好的结果。
  </Card>

  <Card title="探索功能" icon="sparkles" href="/features/overview">
    发现所有可用的强大功能。
  </Card>

  <Card title="管理域名" icon="globe" href="/infrastructure/domains">
    将自定义域名连接到您的网站。
  </Card>

  <Card title="设置数据库" icon="database" href="/infrastructure/数据库">
    为您的网站添加动态数据。
  </Card>
</CardGroup>

<Tip>
  从简单开始并迭代。您可以随时添加更多功能和复杂性。
</Tip>