基于大模型的可视化网页构建平台

---

UPage 是一款基于大语言模型的可视化网页构建平台，支持接入主流大模型，只需通过自然语言描述需求，即可快速生成个性化、高颜值的网页，让创作更高效、更智能。

• 可视化编辑，所见即所得：简洁直观的可视化编辑器，支持实时预览，轻松调整布局与样式；
• 多页面一键生成：支持同时生成多个关联页面，快速搭建完整网站结构；
• 标准代码自由导出：自动生成规范的 HTML/CSS/JS 代码，便于集成至现有项目或二次开发；
• 响应式设计，全端适配：自动适配桌面、平板、移动端等多种设备，确保跨平台完美呈现。

网页版

UPage Online ：upage.ai

快速开始

准备一台 Linux 服务器，安装好 Docker 后，执行以下一键安装脚本：

docker run -d \
  --name upage \
  --restart unless-stopped \
  -p 3000:3000 \
  -e LLM_PROVIDER=OpenAI \
  -e PROVIDER_BASE_URL=your-provider-base-url \
  -e PROVIDER_API_KEY=your-openai-api-key \
  -e LLM_DEFAULT_MODEL=your-default-model \
  -e LLM_MINOR_MODEL=your-minor-model \
  -e LLM_VISION_PROVIDER=your-vision-provider \
  -e LLM_VISION_MODEL=your-vision-model \
  -e VISION_PROVIDER_BASE_URL=your-vision-provider-base-url \
  -e VISION_PROVIDER_API_KEY=your-vision-provider-api-key \
  -v ./data:/app/data \
  -v ./logs:/app/logs \
  -v ./storage:/app/storage \
  halohub/upage:latest

参数说明如下：

• -e LLM_PROVIDER=OpenAI：设置默认的 LLM 提供商为 OpenAI，同时兼容支持 OpenAI 规范的 API 接口。
• -e PROVIDER_BASE_URL=your-provider-base-url：设置 LLM 提供商的 API 基础 URL，部分提供商需要设置此项，例如 Ollama、LMStudio、OpenAI 提供商可选此项。例如 https://api.openai.com/v1
• -e PROVIDER_API_KEY=your-openai-api-key：设置 LLM 提供商的 API 密钥，大部分提供商需要设置此项。
• -e LLM_DEFAULT_MODEL=your-default-model：设置默认的 LLM 模型，用于构建页面。
• -e LLM_MINOR_MODEL=your-minor-model：设置次要的 LLM 模型，用于执行其他任务。
• -e LLM_VISION_PROVIDER=your-vision-provider：可选的视觉模型提供商。当默认模型不支持读图时，UPage 会优先使用这里的模型读取图片并生成视觉摘要。
• -e LLM_VISION_MODEL=your-vision-model：视觉所使用的模型。
• -e VISION_PROVIDER_BASE_URL=your-vision-provider-base-url：视觉模型的 API 基础 URL，部分提供商需要设置。
• -e VISION_PROVIDER_API_KEY=your-vision-provider-api-key：视觉模型的 API 密钥。
• -v ./data:/app/data：挂载数据目录
• -v ./logs:/app/logs：挂载日志目录
• -v ./storage:/app/storage：挂载存储目录。用户上传的参考图片会在首次发送后落盘，并在后续多轮对话中复用文件引用，避免反复传输 base64，因此生产环境必须持久化此目录。

:::tip 如果您的默认模型本身支持读图，可以不配置 LLM_VISION_PROVIDER 和 LLM_VISION_MODEL。只有在默认模型不支持视觉、但您又希望继续使用图片参考生成页面时，才建议额外配置视觉 sidecar。 :::

访问 http://localhost:3000 即可访问 UPage 的界面。

你也可以通过 1Panel 应用商店 来安装部署 UPage。

详细使用指南请参考：UPage 在线文档

联系我们

如你有更多问题，可以加入我们的技术交流群与我们交流。

UI 展示

致谢

UPage 基于 bolt.diy 的代码结构构建，特此致谢该项目带来的启发与贡献。

飞致云旗下的其他明星项目

• Halo - 强大易用的开源建站工具
• JumpServer - 广受欢迎的开源堡垒机
• DataEase - 人人可用的开源 BI 工具
• MaxKB - 强大易用的企业级智能体平台
• 1Panel - 现代化、开源的 Linux 服务器运维管理面板
• Cordys CRM - 新一代的开源 AI CRM 系统
• MeterSphere - 新一代的开源持续测试工具

License

本仓库遵循 FIT2CLOUD Open Source License 开源协议，该许可证本质上是 GPLv3，但有一些额外的限制。

你可以基于 UPage 的源代码进行二次开发，但是需要遵守以下规定：

• 不能替换和修改 UPage 的 Logo 和版权信息；
• 二次开发后的衍生作品必须遵守 GPL V3 的开源义务。

如需商业授权，请联系：support@fit2cloud.com。