---
id: index
title: UPage 文档
slug: /
hide_title: true
---

<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？

UPage 是一款基于大模型的可视化网页构建平台，支持多种 AI 提供商集成，基于自然语言快速实现定制化网页。它利用大语言模型，让用户能够通过自然语言描述来创建和定制网页。无论您是开发者、设计师还是内容创作者，UPage 都能帮助您快速将想法转化为可视化的网页。

## 核心特性

- **基于 LLM 的页面生成**：通过自然语言描述生成完整的网页
- **多种 LLM 提供商支持**：兼容 OpenAI、Anthropic Claude、Google Gemini 等多种 LLM 模型
- **可视化编辑器**：简洁直观的可视化编辑器界面，实时预览
- **多页面生成**：支持同时生成多个页面
- **代码导出**：生成标准的 HTML/CSS/JS 代码，方便集成到现有项目
- **响应式设计**：自动适应不同屏幕尺寸
- **部署集成**：支持一键部署到常见托管平台

:::note
特别感谢 [bolt.diy](https://github.com/stackblitz-labs/bolt.diy) 项目，UPage 的实现基于该项目的代码结构。
:::

## 快速开始

请查看[快速开始](quick-start.md)指南，了解如何安装和使用 UPage。

## 贡献

UPage 是一个开源项目，我们欢迎任何形式的贡献。请查看[贡献指南](contributing.md)了解如何参与项目开发。

## 许可证

UPage 采用 [基于 GPLv3 的补充协议许可证](https://github.com/halo-dev/upage/blob/main/LICENSE.txt)。