什么是 UPage？

UPage 是一款基于大模型的可視化網(wǎng)頁構(gòu)建平臺，支持多種 AI 提供商集成，基于自然語言快速實現(xiàn)定制化網(wǎng)頁。它利用大語言模型，讓用戶能夠通過自然語言描述來創(chuàng)建和定制網(wǎng)頁。無論您是開發(fā)者、設(shè)計師還是內(nèi)容創(chuàng)作者，UPage 都能幫助您快速將想法轉(zhuǎn)化為可視化的網(wǎng)頁。

核心特性

- 基于 LLM 的頁面生成：通過自然語言描述生成完整的網(wǎng)頁

- 多種 LLM 提供商支持：兼容 OpenAI、Anthropic Claude、Google Gemini 等多種 LLM 模型

- 可視化編輯器：簡潔直觀的可視化編輯器界面，實時預(yù)覽

- 多頁面生成：支持同時生成多個頁面

- 代碼導(dǎo)出：生成標(biāo)準(zhǔn)的 HTML/CSS/JS 代碼，方便集成到現(xiàn)有項目

- 響應(yīng)式設(shè)計：自動適應(yīng)不同屏幕尺寸

- 部署集成：支持一鍵部署到常見托管平臺

特別感謝 bolt.diy 項目，UPage 的實現(xiàn)基于該項目的代碼結(jié)構(gòu)。

許可證

UPage 采用基于 GPL-v3.0 的補充協(xié)議許可證。你可以基于 UPage 的源代碼進行二次開發(fā)，但是需要遵守以下規(guī)定：

不能替換和修改 UPage 的 Logo 和版權(quán)信息；

二次開發(fā)后的衍生作品必須遵守 GPL V3 的開源義務(wù)。

快速開始

此快速啟動方式僅適用于體驗和測試目的，如需在生產(chǎn)環(huán)境中完整部署，請參考Docker 部署指南。

前置條件

在開始之前，請確保您的系統(tǒng)滿足以下要求：

- Docker 已安裝（推薦 Docker 20.10.0 或更高版本）

- 至少 2GB 可用內(nèi)存

- 至少 2GB 可用磁盤空間

- 互聯(lián)網(wǎng)連接（用于拉取 Docker 鏡像和訪問大模型 API）

使用 Docker 快速部署

UPage 提供了官方 Docker 鏡像，可以通過以下命令快速啟動：

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

參數(shù)說明

- -e LLM_PROVIDER=OpenAI ：設(shè)置默認(rèn)的 LLM 提供商

- -e PROVIDER_BASE_URL=your-openai-api-base-url ：設(shè)置 API 基礎(chǔ) URL

- -e PROVIDER_API_KEY=your-openai-api-key：設(shè)置 API 密鑰

- -e LLM_DEFAULT_MODEL=your-default-model：設(shè)置用于頁面生成的默認(rèn) AI 模型

- -e LLM_MINOR_MODEL=your-minor-model：設(shè)置用于輔助任務(wù)的 AI 模型

- -v ./data:/app/data：掛載數(shù)據(jù)目錄，用于存儲數(shù)據(jù)庫文件

- -v ./logs:/app/logs：掛載日志目錄

- -v ./storage:/app/storage：掛載存儲目錄，用于存儲上傳的文件

訪問 UPage

服務(wù)啟動后，您可以通過瀏覽器訪問：

http://localhost:3000

配置 AI 提供商

UPage 支持多種 AI 提供商，您需要至少配置一個 AI 提供商才能使用頁面生成功能。以下是常見的 AI 提供商配置示例：

### DeepSeek

-e LLM_PROVIDER=DeepSeek \

-e PROVIDER_API_KEY=your-deepseek-api-key \

-e LLM_DEFAULT_MODEL=deepseek-chat \

-e LLM_MINOR_MODEL=deepseek-reasoner

### OpenAI

-e LLM_PROVIDER=OpenAI \

# 此項可選，不填寫時，使用 OpenAI 官方 API

-e PROVIDER_BASE_URL=your-openai-api-base-url \

-e PROVIDER_API_KEY=your-openai-api-key \

-e LLM_DEFAULT_MODEL=gpt-4-turbo \

-e LLM_MINOR_MODEL=gpt-3.5-turbo

### Anthropic Claude

-e LLM_PROVIDER=Anthropic \

-e PROVIDER_API_KEY=your-anthropic-api-key \

-e LLM_DEFAULT_MODEL=claude-3-opus-20240229 \

-e LLM_MINOR_MODEL=claude-3-haiku-20240307

### Ollama

-e LLM_PROVIDER=Ollama \

-e PROVIDER_BASE_URL=http://127.0.0.1:11434 \

-e LLM_DEFAULT_MODEL=llama3 \

-e LLM_MINOR_MODEL=llama3

詳細(xì)的 AI 提供商配置請閱讀 UPage 文檔。