halo-dev/upage

Letzte erfasste Quellaktivität: 22. April 2026 um 04:45

SkillsMP-Katalog aktualisiert: 5. November 2026 um 19:57

gesammelte Skills: 3

GitHub-Stars: 557
GitHub-Forks: 105

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/halo-dev/upage.

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

<p align="center"> <img alt="UPage logo" src="./public/logo.png" style="width: 240px; height: auto;" /> </p> <h3 align="center">基于大模型的可视化网页构建平台</h3> <p align="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://halo-dev.github.io/upage/"><img alt="Documentation" src="https://img.shields.io/badge/docs-latest-blue?style=flat-square" /></a> </p> ------------------------------ UPage 是一款基于大语言模型的可视化网页构建平台，支持接入主流大模型，只需通过自然语言描述需求，即可快速生成个性化、高颜值的网页，让创作更高效、更智能。 - **可视化编辑，所见即所得**：简洁直观的可视化编辑器，支持实时预览，轻松调整布局与样式； - **多页面一键生成**：支持同时生成多个关联页面，快速搭建完整网站结构； - **标准代码自由导出**：自动生成规范的 HTML/CSS/JS 代码，便于集成至现有项目或二次开发； - **响应式设计，全端适配**：自动适配桌面、平板、移动端等多种设备，确保跨平台完美呈现。 ## 网页版 UPage Online ：[upage.cn](https://upage.cn/) ## 快速开始准备一台 Linux 服务器，安装好 Docker 后，执行以下一键安装脚本： ```bash 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 应用商店](https://1panel.cn/) 来安装部署 UPage。详细使用指南请参考：[UPage 在线文档](https://docs.upage.cn/quick-start) ### 联系我们如你有更多问题，可以加入我们的技术交流群与我们交流。 <img width="180" height="180" alt="contact_me_qr" src="./img/wecom.png"> ## UI 展示 | | | | --- | --- | | ![](./img/preview-4.png) | ![](./img/preview-1.png) | | ![](./img/preview-2.png) | ![](./img/preview-3.png) | ## 致谢 UPage 基于 [bolt.diy](https://github.com/stackblitz-labs/bolt.diy) 的代码结构构建，特此致谢该项目带来的启发与贡献。 ## 飞致云旗下的其他明星项目 - [Halo](https://github.com/halo-dev/halo) - 强大易用的开源建站工具 - [JumpServer](https://github.com/jumpserver/jumpserver) - 广受欢迎的开源堡垒机 - [DataEase](https://github.com/dataease/dataease) - 人人可用的开源 BI 工具 - [MaxKB](https://github.com/maxkb/maxkb) - 强大易用的企业级智能体平台 - [1Panel](https://github.com/1Panel-dev/1Panel) - 现代化、开源的 Linux 服务器运维管理面板 - [Cordys CRM](https://github.com/cordys/cordys-crm) - 新一代的开源 AI CRM 系统 - [MeterSphere](https://github.com/metersphere/metersphere) - 新一代的开源持续测试工具 ## License 本仓库遵循 [FIT2CLOUD Open Source License](LICENSE) 开源协议，该许可证本质上是 GPLv3，但有一些额外的限制。你可以基于 UPage 的源代码进行二次开发，但是需要遵守以下规定： - 不能替换和修改 UPage 的 Logo 和版权信息； - 二次开发后的衍生作品必须遵守 GPL V3 的开源义务。如需商业授权，请联系：`support@fit2cloud.com`。

README des Repositorys wird geladen…

Skills in diesem Repository

Softwareentwickler

1 Berufskategorien · 100% klassifiziert

Skill

Beruf

Beschreibung

Aktualisiert

react-router-data-mode

Softwareentwickler

Build React applications using React Router's data mode with createBrowserRouter and RouterProvider. Use when working with route objects, loaders, actions, Form, useFetcher, or pending/optimistic UI without the Vite plugin.

Quellsprache: Englisch

2026-04-22

react-router-declarative-mode

Softwareentwickler

Build React applications using React Router's declarative mode with BrowserRouter. Use when configuring routes with JSX, navigating with Link/NavLink, or reading URL params and search params without data loaders or actions.

Quellsprache: Englisch

2026-04-22

react-router-framework-mode

Softwareentwickler

Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loaders and actions, handling forms, handling navigation, pending/optimistic UI, error boundaries, or working with react-router.config.ts or…

Quellsprache: Englisch

2026-04-22

Es werden 3 von 3 gesammelten Skills angezeigt.