『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邪修》👏

往期推荐:

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

相关推荐
晴天162 分钟前
HarmonyOS 和 React 对比-Day22
前端·华为·harmonyos
海鸥两三5 分钟前
【websocket合集2】websocket.js源码解析和页面调用示例
javascript·websocket·网络协议
AlienZHOU7 小时前
DeepSeek Harness 插件:HTML 实时可视化编辑
前端·agent·deepseek
剪刀石头布啊9 小时前
javascript手动实现继承
前端
Elias不吃糖9 小时前
Langfuse 入门:Trace、Prompt、Dataset、Experiment、Evaluator
前端·python·prompt·langfuse
vipbic10 小时前
一个前端的 9 天重构:我是怎么用 Codex 重做航栈的
前端·javascript·后端
Eason_Lou11 小时前
【无标题】
前端·vue.js·html
_codemonster12 小时前
npm run dev 是在开发模式运行,怎么在生产环境运行
前端·npm·node.js
kyriewen12 小时前
我受够了复制报错去问 AI,花一下午给控制台做了个调试助手
前端·javascript·ai编程