docs: add upage usage instructions document

docs/content/index.md

@@ -2,21 +2,33 @@
 id: index
 title: UPage 文档
 slug: /
+hide_title: true
 ---
 
-# UPage
+<p align="center">
+  <div className="theme-logo" style={{ width: '240px' }}>
+    <img alt="UPage 主界面" />
+  </div>
+</p>
+
+<p align="center" style={{ display: 'flex', gap: '4px', justifyContent: 'center' }}>
+<a href="https://github.com/halo-dev/upage/releases"><img alt="GitHub release" src="https://img.shields.io/github/release/halo-dev/upage.svg?style=flat-square&include_prereleases" /></a>
+<a href="https://github.com/halo-dev/upage/commits"><img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/halo-dev/upage.svg?style=flat-square" /></a>
+<a href="https://github.com/halo-dev/upage/actions"><img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/halo-dev/upage/halo.yaml?branch=main&style=flat-square" /></a>
+<a href="https://halo-dev.github.io/upage/"><img alt="Documentation" src="https://img.shields.io/badge/docs-latest-blue?style=flat-square" /></a>
+</p>
 
-UPage 是一款基于大模型的可视化网页构建平台，支持多种 AI 提供商集成，基于自然语言快速实现定制化网页。
 
 ## 什么是 UPage？
 
-UPage 是一个开源的网页构建工具，它利用大语言模型，让用户能够通过自然语言描述来创建和定制网页。无论您是开发者、设计师还是内容创作者，UPage 都能帮助您快速将想法转化为可视化的网页。
+UPage 是一款基于大模型的可视化网页构建平台，支持多种 AI 提供商集成，基于自然语言快速实现定制化网页。它利用大语言模型，让用户能够通过自然语言描述来创建和定制网页。无论您是开发者、设计师还是内容创作者，UPage 都能帮助您快速将想法转化为可视化的网页。
 
 ## 核心特性
 
-- **基于 AI 的页面生成**：通过自然语言描述生成完整的网页
-- **多种 AI 提供商支持**：兼容 OpenAI、Anthropic Claude、Google Gemini 等多种 AI 模型
+- **基于 LLM 的页面生成**：通过自然语言描述生成完整的网页
+- **多种 LLM 提供商支持**：兼容 OpenAI、Anthropic Claude、Google Gemini 等多种 LLM 模型
 - **可视化编辑器**：简洁直观的可视化编辑器界面，实时预览
+- **多页面生成**：支持同时生成多个页面
 - **代码导出**：生成标准的 HTML/CSS/JS 代码，方便集成到现有项目
 - **响应式设计**：自动适应不同屏幕尺寸
 - **部署集成**：支持一键部署到常见托管平台