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

主要功能

• 可视化编辑，所见即所得：简洁直观的可视化编辑器，支持实时预览，轻松调整布局与样式；

• 多页面一键生成：支持同时生成多个关联页面，快速搭建完整网站结构；

• 标准代码自由导出：自动生成规范的 HTML/CSS/JS 代码，便于集成至现有项目或二次开发；

• 响应式设计，全端适配：自动适配桌面、平板、移动端等多种设备，确保跨平台完美呈现。

前置条件

在开始之前，请确保您的系统满足以下要求：

• 至少 2GB 可用内存

• 至少 2GB 可用磁盘空间

• 互联网连接（用于拉取 Docker 镜像和访问大模型 API）

• 如需账号登录功能，则需要额外集成https://docs.upage.ai/deployment/logto；否则，建议在反向代理层面添加访问认证机制，以防止服务被未授权用户使用。

1、创建专属桥接网络

若已创建，可跳过此步骤。

2、部署项目

2.1、创建项目

2.2、Compose配置

services:
  upage:
    image: halohub/upage:latest
    container_name: upage
    restart: always
    networks:
      - app_network
    ports:
      - 50110:3000
    environment:
      LLM_PROVIDER: OpenAI
      PROVIDER_API_KEY: 密钥
      PROVIDER_BASE_URL: https://api.siliconflow.cn
      LLM_DEFAULT_MODEL: deepseek-ai/DeepSeek-V3.2-Exp
      LLM_MINOR_MODEL: deepseek-ai/DeepSeek-V3.2-Exp
    volumes:
      - ./data/data:/app/data
      - ./data/logs:/app/logs
      - ./data/storage:/app/storage
networks:
  app_network:
    external: true

./data/data:/app/data：挂载数据目录

./data/logs:/app/logs：挂载日志目录

./data/storage:/app/storage：挂载存储目录

本示例以 硅基流动 场景中的 deepseek-ai/DeepSeek-V3.2-Exp 模型为例，如需切换至其他模型，请参阅官方文档获取详细说明。

https://docs.upage.ai/configuration#ai-%E6%8F%90%E4%BE%9B%E5%95%86%E9%85%8D%E7%BD%AE

2.2.1、系统环境变量

2.2.2、AI模型相关环境变量

如需了解更多 AI 模型信息，请参阅官方配置文档。