Mocha 入门指南

开始你的 Mocha 之旅，创建你的第一个 AI 驱动网站

欢迎来到 Mocha！本指南将一步步引导你创建和自定义你的第一个 AI 驱动网站。我们开始吧！

创建你的第一个项目

1 注册账户

前往 getmocha.com 创建一个免费账户。注册过程非常快速且简单。

2 创建项目

注册完成后，你就可以创建你的第一个项目了。只需输入一个 prompt（提示），描述你想要构建的内容，剩下的就交给 Mocha 的 AI 来处理。

看看用 Mocha 创建新项目是多么轻松

3 等待生成

稍等片刻！AI 需要几分钟时间来构建你网站的第一个版本。它正在认真地为你生成网站的代码、设计和内容。

上图是之前使用 Mocha 创建的网站示例

自定义你的应用

下面是 Mocha 界面的整体介绍：

• 左上角是主菜单，你可以看到你的用户信息、剩余消息数量、账单状态等。
• 右侧是聊天界面，你可以在这里让 AI 帮你修改网站。
• 中间是网站预览区，你可以实时查看并交互体验你的网站当前状态。
• 顶部导航栏会显示你当前浏览的页面，并提供项目设置的入口，可以修改项目名称、描述、自定义知识（custom knowledge）和分享设置。

Mocha 的界面概览

AI 聊天助手 使用右侧的聊天面板来修改你的网站。你可以请求添加新功能、更新设计，或者进行任何你想要的更改。

图片集成 在聊天中附加图片，让 AI 更准确理解你想要的效果。比如： “让它看起来像这样”（附上截图） “用这个作为背景” “把这张图片加到 hero 区块”

发布你的网站

1 一键部署

只需点击一次，就可以将你的网站发布到互联网上。你的网站将托管在一个唯一的 mocha.app 子域名上。

2 自定义域名

自定义域名功能适用于 Pro 订阅用户（Bronze、Silver、Gold 计划）。升级到 Pro 订阅可享受：

• 使用自定义子域名（例如：my-super-app.mocha.app）
• 连接你自己的域名（很快上线）

3 分享给全世界

就这样！你的网站已经上线并准备好分享了。你可以把链接发给朋友、分享到社交媒体，或者添加到你的作品集中。

一键部署让发布网站变得毫不费力

高级功能

项目设置

你可以通过设置面板自定义你的项目：

• 修改项目名称和描述
• 添加自定义知识（custom knowledge）
• 配置分享设置

多页面网站

你可以直接通过对 AI 发出指令来创建多个页面：

• “添加一个个人资料页”
• “创建一个定价页面”
• “添加一个联系表单页面”

社交媒体集成

让你的网站在社交媒体上脱颖而出！ 要更新你的网站在社交媒体上的预览卡片：

1. 上传你想要的图片
2. 对 Mocha 说：“将这张图作为在社交媒体分享链接时的预览图”

社交媒体分享预览卡片示例