Docker 部署 UPage：无需代码，用自然语言生成高颜值网站

还在为不懂HTML、CSS而烦恼，却又想快速搭建一个网站吗？今天介绍一个有意思的工具——UPage。它是一款基于大语言模型的可视化网页构建平台，支持接入主流大模型，让你只需通过自然语言描述需求，即可快速生成个性化、高颜值的网页，让创作变得高效且智能。

核心特性

• 基于 LLM 的页面生成：用大白话告诉它你想要什么，它就能生成完整的网页。
• 多种 LLM 提供商支持：兼容 OpenAI、Anthropic Claude、Google Gemini 等多种主流大模型。
• 可视化编辑器：界面简洁直观，可以实时预览生成效果，并进行微调。
• 多页面生成：支持一次性生成包含多个页面的完整站点。
• 代码导出：生成标准的 HTML、CSS 和 JavaScript 代码，方便你集成到现有项目中。
• 响应式设计：自动适配手机、平板和电脑等不同屏幕尺寸。
• 部署集成：支持一键部署到常见的托管平台。

安装部署

推荐使用 Docker Compose 来部署 UPage，这是最快捷的方式。

首先，创建一个名为 docker-compose.yml 的文件，内容如下：

services:
  upage:
    image: halohub/upage:latest
    container_name: upage
    ports:
      - 3000:3000
    environment:
      - LLM_PROVIDER=OpenAI
      - PROVIDER_BASE_URL=your-openai-api-base-url
      - PROVIDER_API_KEY=your-openai-api-key
      - LLM_DEFAULT_MODEL=your-default-model
      - LLM_MINOR_MODEL=your-minor-model
    volumes:
      - ./data:/app/data
      - ./logs:/app/logs
      - ./storage:/app/storage
    restart: unless-stopped

关键环境变量说明：

• LLM_PROVIDER：指定使用的大模型服务商，如 OpenAI。
• PROVIDER_BASE_URL：你的大模型 API 服务的基础 URL。
• PROVIDER_API_KEY：对应 API 服务的密钥。
• LLM_DEFAULT_MODEL：用于生成网页的主要模型名称。
• LLM_MINOR_MODEL：用于辅助生成的次要模型名称。

小提示：你可以使用任何兼容 OpenAI API 规范的模型服务。例如，作者在测试时使用了硅基流动（SiliconFlow）的 API，其配置示例如下：

https://api.siliconflow.cn/v1
Qwen/Qwen3-Coder-480B-A35B-Instruct
Qwen/Qwen2.5-Coder-32B-Instruct

建议初次体验时，先对接提供免费额度的 API 服务。

配置文件准备就绪后，在终端中执行 docker-compose up -d 命令即可启动服务。通过 容器化 技术，整个部署过程变得异常简单。

上手体验

服务启动后，在浏览器中访问 http://你的服务器IP:3000 就能看到 UPage 的主界面。

为了让截图效果更清晰，我先把主题切换到了深色模式。界面中央有一个醒目的输入框，提示“今天我能帮你做什么？”，下方还提供了一些预设的示例，比如“帮我生成一个公司的官网”、“制作一个漂亮的头像卡片”等，对新手非常友好。

我们可以先试试预设的“生成公司官网”功能。点击按钮后，AI 就开始工作了，你可以看到它一步步地生成导航栏、首屏区域、产品展示等模块。

生成速度尚可，最终的页面效果中规中矩。如果使用更强大的模型，效果可能会更好。不过，它的优势在于交互：你可以直接点击页面上的任何元素，然后让 AI 帮你修改。例如，你可以选中一个产品展示区块，输入“把图标背景改成圆形”，AI 就会立刻响应并调整样式，整个过程无需接触任何代码。

一个重要提示：当前版本中，服务器端默认不持久化保存你生成的数据。因此，完成创作后，一定要记得通过“下载代码”按钮将生成的 HTML、CSS、JS 文件保存到本地，否则刷新页面后内容就会丢失。

在页面右上角点击头像，可以进入“API 使用量”页面。这里会详细统计你的 Token 消耗情况。像我这样简单生成几个页面，就消耗了超过 127K 的 Token，这再次印证了对接免费或低成本 API 先行测试的重要性。

总结与评价

UPage 的核心价值在于大幅降低了网页制作的门槛。它将大语言模型的自然语言理解能力与 可视化编辑器 相结合，让完全没有编程基础的用户也能通过描述想法来创建和定制网页。

• 综合推荐：⭐⭐⭐⭐（对零基础用户极其友好，上手迅速）
• 使用体验：⭐⭐⭐（生成速度快，交互直观，但生成效果依赖于模型能力）
• 部署难度：⭐⭐（借助 Docker，过程非常简单）

对于想要快速制作简单落地页、个人介绍页或者进行原型设计的用户来说，UPage 是一个非常值得尝试的工具。它体现了 低代码/无代码 和 AI 赋能开发 的趋势，让技术不再是创意的壁垒。如果你对这类 AI 应用感兴趣，欢迎到 云栈社区 交流更多实践心得。