docs: supplemental user guide documents

docs/content/user-guide/home.md

@@ -0,0 +1,57 @@
+---
+id: home
+title: 首页
+---
+
+# 首页概述
+
+首页是 UPage 的入口，用户可以在此页面中对将要生成的页面进行首次提示词的填写。
+
+![](/img/user-guide/home/index.png)
+
+## 首次提示词填写
+
+在首页的**主功能区域**中，用户可以填写首次提示词，点击**发送**按钮后，会自动跳转至对话及生成界面。
+
+![](/img/user-guide/home/index_prompt.png)
+
+在此界面中，用户还可以选择图片上传，上传的图片将会在对话及生成界面中作为参考图片使用。
+
+:::tip
+尽可能详细地描述您的网页需求，包括功能、风格、布局、色彩等，这样 AI 可以生成更符合您期望的网页。
+
+根据图片生成页面需要相应的模型支持，部分模型可能不支持识别图片。
+
+如果提示词中包含网页、查询天气等，大部分模型并不支持此类功能，此时需要工具的支持。 参考 [AI 工具配置](../configuration#ai-工具配置) 进行配置。
+:::
+
+## 提示词优化
+
+在首页的**主功能区域**中，当填写完提示词后，可以点击**提示词优化**按钮，使用 LLM 对编写的提示词进行优化。优化后的提示词将作为首次提示词使用。
+
+## 侧边工具栏
+
+点击首页**菜单功能部分**中的 **历史记录** 按钮，可以打开侧边栏，查看所有历史对话。
+
+![](/img/user-guide/home/index_history.png)
+
+在侧边栏中，可以对历史对话进行 **查看**、 **复制**、 **重命名**、**删除** 等操作。
+
+## 用户功能
+
+在首页的**个人用户功能部分**中，可以查看用户信息、API 使用量统计、部署记录、登录/退出登录等。
+
+![](/img/user-guide/home/user_detail.png)
+
+### API 使用量统计
+
+点击**API 使用量统计**按钮，可以查看 API 使用量情况统计。
+
+![](/img/user-guide/home/api_usage.png)
+
+### 部署记录
+
+点击**部署记录**按钮，可以查看当前聊天的部署记录。
+
+![](/img/user-guide/home/deployment_records.png)
+