『NAS』一句话生成网页,在NAS部署UPage

点赞 + 关注 + 收藏 = 学会了

💡整理了一个 NAS 专属玩法专栏,感兴趣的工友可以戳这里关注 👉 《NAS邪修》

UPage 是一款开源的 AI 生成式网页构建工具。只需输入一段描述,它就能利用大模型能力帮你搓个静态网页出来。

打开飞牛的「文件管理」,在 docker 文件夹下创建 upage 目录。

upage 内递归创建以下三个子文件夹:

  • /docker/upage/data
  • /docker/upage/logs
  • /docker/upage/storage

打开「Docker」应用,切换到 Compose 面板,新增项目:

  • 项目名称:upage
  • 路径:/docker/upage
  • 来源:创建docker-compose.yml

输入以下代码:

ini 复制代码
services:
  upage:
    image: halohub/upage:latest
    container_name: upage
    ports:
      - 3456:3000 # 3456 这个端口可以自定义
    environment:
      - LLM_PROVIDER=OpenAI
      - PROVIDER_BASE_URL=https://api.longcat.chat/openai/v1
      - PROVIDER_API_KEY=your_api_key_here # 请替换为你申请的 API Key
      - LLM_DEFAULT_MODEL=LongCat-Flash-Thinking-2601
      - LLM_MINOR_MODEL=LongCat-Flash-Lite
    volumes:
      - ./data:/app/data
      - ./logs:/app/logs
      - ./storage:/app/storage
    restart: unless-stopped

⚠️ 关键参数说明:

volumes 里的3个值分别对应在第一步创建的文件夹。

environment 里配置大模型的相关参数:

  • LLM_PROVIDER:大模型提供商。现在很多模型都兼容 OpenAI 规范,所以我选了 OpenAI
  • PROVIDER_BASE_URL:大模型提供商的 API 地址。我用了美团的 LongCat,因为它每天提供5500万 token,相当大方。你也可以选择其他提供商的。
  • PROVIDER_API_KEY:API Key,去对应的服务商后台申请后贴入。
  • LLM_DEFAULT_MODEL:主模型名称。我使用 LongCat 的 LongCat-Flash-Thinking-2601 这个模型。
  • LLM_MINOR_MODEL:次要模型名称。

项目构建成功后,在浏览器打开 NAS_IP:3456 就可以访问 UPage 了。

在输入框输入你的需求,Upage 就会帮你做个静态网页出来。

网页写好后,点击右上角的"下载代码"可以把源码下载下来。

如果觉得生成的页面不满意,可以重写提示词,或者点击右侧预览面板直接修改页面文本内容。


以上就是本文的全部内容啦,你有好玩的镜像推荐吗?欢迎在评论区留言讨论!

想了解更多NAS玩法记得关注《NAS邪修》👏

往期推荐:

点赞 + 关注 + 收藏 = 学会了

相关推荐
boooooooom1 小时前
别再用错 ref/reactive!90%程序员踩过的响应式坑,一文根治
javascript·vue.js·面试
前端老兵AI1 小时前
前端工程化实战:Vite + ESLint + Prettier + Husky 从零配置(2026最新版)
前端·vite
bluceli1 小时前
浏览器渲染原理与性能优化实战指南
前端·性能优化
张元清1 小时前
Astro 6.0:被 Cloudflare 收购两个月后,这个"静态框架"要重新定义全栈了
前端·javascript·面试
凉拌西红柿1 小时前
如何用工具定位性能瓶颈
前端
青青家的小灰灰1 小时前
深入理解 async/await:现代异步编程的终极解决方案
前端·javascript·面试
阿懂在掘金1 小时前
早点下班(Vue2.7版):旧项目也能少写 40%+ 异步代码
前端·vue.js·开源
Mintopia1 小时前
Web性能测试流程全解析:从概念到落地的完整指南
前端·性能优化·测试
用户5757303346242 小时前
JavaScript 原型继承全解析:从 call/apply 到寄生组合式继承
javascript