简介[note type="info flat"]能够运行大型语言模型的程序[/note]安装[note type="primary flat no-icon"]同Upage可以部署在自己电脑或者服务器在自己电脑中部署的好处是可以使用GPU来一起运算依旧推荐使用docker[/note]个人电脑[note type="primary modern no-icon"]Windows:官网下载[/note][note type="success modern no-icon"]MacOS:官网下载[/note]服务器Linuxcurl -fsSL https://ollama.com/install.sh | shDocker直接拖取官方的Docker镜像 ollama/ollama下载运行模型库以deepseek示例ollama run deepseek-r1[note type="warning flat"]模型库地址 ollama.com/library[/note][note type="success flat no-icon"]常用的模型列表[/note]模型参数大小在ollama下载运行模型库的命令Gemma 31B815MBollama run gemma3:1bGemma 34B3.3GBollama run gemma3Gemma 312B8.1GBollama run gemma3:12bGemma 327B17GBollama run gemma3:27bQwQ32B20GBollama run qwqDeepSeek-R17B4.7GBollama run deepseek-r1DeepSeek-R1671B404GBollama run deepseek-r1:671bLlama 4109B67GBollama run llama4:scoutLlama 4400B245GBollama run llama4:maverickLlama 3.370B43GBollama run llama3.3Llama 3.23B2.0GBollama run llama3.2Llama 3.21B1.3GBollama run llama3.2:1bLlama 3.2 Vision11B7.9GBollama run llama3.2-visionLlama 3.2 Vision90B55GBollama run llama3.2-vision:90bLlama 3.18B4.7GBollama run llama3.1Llama 3.1405B231GBollama run llama3.1:405bPhi 414B9.1GBollama run phi4Phi 4 Mini3.8B2.5GBollama run phi4-miniMistral7B4.1GBollama run mistralMoondream 21.4B829MBollama run moondreamNeural Chat7B4.1GBollama run neural-chatStarling7B4.1GBollama run starling-lmCode Llama7B3.8GBollama run codellamaLlama 2 Uncensored7B3.8GBollama run llama2-uncensoredLLaVA7B4.5GBollama run llavaGranite-3.38B4.9GBollama run granite3.3[note type="warning flat"]8GB的内存可运行7B参数的模型, 16GB的内存运行13B参数的模型, 16GB的内存运行33B参数的模型. 以此类推[/note]停止运行模型命令ollama stop deepseek-r1[note type="success flat no-icon"]当然也可以是其他正在运行的模型[/note]
简介[note type="primary flat no-icon"]UPage 是一款基于大语言模型的可视化网页构建平台，支持接入主流大模型，只需通过自然语言描述需求，即可快速生成个性化、高颜值的网页，让创作更高效、更智能。可视化编辑，所见即所得：简洁直观的可视化编辑器，支持实时预览，轻松调整布局与样式；多页面一键生成：支持同时生成多个关联页面，快速搭建完整网站结构；标准代码自由导出：自动生成规范的 HTML/CSS/JS 代码，便于集成至现有项目或二次开发；响应式设计，全端适配：自动适配桌面、平板、移动端等多种设备，确保跨平台完美呈现。[/note]部署方式[note type="primary flat no-icon"]你可以在自己的电脑部署也可以在服务器部署部署方式一共有3种 推荐使用docker[/note]第一种对于没有基础的最为适用, 使用1Panel面板一键部署bash -c "$(curl -sSL https://resource.fit2cloud.com/1panel/package/v2/quick_start.sh)"[note type="info flat"]安装过程中会提示安装docker, 安装完成后前往应用商店安装即可[/note]第二种方式适用于稍微有点基础的, 也是最受欢迎最方便的, 使用docker安装(这里以ubuntu示例)一. 以 root 登录服务器安装 Docker更新你的包索引‌apt update‌安装一些必要的依赖‌apt install apt-transport-https ca-certificates curl software-properties-common添加Docker的官方GPG密钥‌curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -设置仓库add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"更新包索引apt update安装Docker CE（Community Edition）apt install docker-ce docker-ce-cli containerd.io启动Dockersystemctl start docker设置Docker开机启动systemctl enable docker二. 在Docker中执行一键安装脚本[note type="info flat"]在终端中输入[/note]docker run -d \ --name upage \ --restart unless-stopped \ -p 3000:3000 \ -e LLM_PROVIDER=OpenAI \ -e PROVIDER_BASE_URL= \ -e PROVIDER_API_KEY= \ -e LLM_DEFAULT_MODEL= \ -e LLM_MINOR_MODEL= \ -v ./data:/app/data \ -v ./logs:/app/logs \ -v ./storage:/app/storage \ halohub/upage:latest[note type="info flat"]参数的注释[/note]参数说明name upage容器名称restart unless-stopped重启方式-p 3000:3000内外端口-e LLM_PROVIDER=OpenAI接入的AI-e PROVIDER_BASE_URL接入地址-e PROVIDER_API_KEY接入的API Key-e LLM_DEFAULT_MODEL主要模型-e LLM_MINOR_MODEL次要模型-v ./data:/app/data挂载数据的目录-v ./logs:/app/logs挂载日志目录-v ./storage:/app/storage挂载存储目录halohub/upage:latest下载的版本三. 用Nginx设置反向代理即可访问前往Nginx配置文件夹目录cd /etc/nginx/sites-available使用nano创建并配置confsudo nano www.example.com (其中www.example.com为你的域名)3.在创建的新文件中，输入以下内容 server { listen 80; server_name www.example.com; location / { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header Host $http_host; proxy_set_header X-NginX-Proxy true; proxy_pass http://127.0.0.1:3000; proxy_redirect off; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; } }第三种方式是以源码方式部署, 适用于有一些技术的人使用前置条件[note type="primary flat"]GitNodejspnpmPM2[/note]部署方法克隆代码git clone https://github.com/halo-dev/upage.git cd upage安装依赖pnpm install配置环境变量cp .env.example .env# 基础配置 PORT=3000 NODE_ENV=production OPERATING_ENV=production LOG_LEVEL=info USAGE_LOG_FILE=true MAX_UPLOAD_SIZE_MB=5 STORAGE_DIR=./storage # AI 提供商配置 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生成 Prisma 客户端pnpm setup使用环境[note type="warning flat"]1. 开发模式 通过浏览器输入 http://localhost:5173 访问[/note]pnpm dev[note type="warning flat"]2. 生产模式 通过浏览器输入 http://localhost:3000 访问[/note]pnpm buildpnpm preview通过PM2监控服务创建 ecosystem.config.js 文件module.exports = { apps: [{ name: 'upage', script: './server.mjs', instances: 1, autorestart: true, watch: false, max_memory_restart: '1G', env: { NODE_ENV: 'production', OPERATING_ENV: 'production', PORT: 3000, LLM_PROVIDER: 'OpenAI', PROVIDER_BASE_URL: '接入地址', PROVIDER_API_KEY: '接入的API Key', LLM_DEFAULT_MODEL: '主要模型', LLM_MINOR_MODEL: '次要模型', } }] };启动pm2 start ecosystem.config.js查看日志pm2 logs upage监控pm2 monitUpage的更新方式# 拉取最新代码 git pull origin main # 安装依赖 pnpm install # 构建项目 pnpm build # 开发环境使用 pnpm dev # 生产环境使用 pnpm preview # 或者如果使用 PM2 pm2 restart upage故障排除如果依赖安装失败，可以尝试清除 pnpm 缓存：pnpm store prune pnpm install如果构建失败，可以尝试清除构建缓存：pnpm clean pnpm build如果遇到数据库相关错误，可以尝试重新初始化数据库[note type="danger flat"]请注意，这将清空所有数据并重置数据库pnpm prisma migrate reset[/note]使用检查日志文件以获取更多错误信息cat logs/combined-*.log cat logs/error-*.log调用自己的Ollama API[note type="info flat"]因为OpenAI已经不对国内用户开放API所以可以部署Ollama来供Upage调用同样也可以提供其他依赖AI的程序调用Ollama部署教程 请点击[/note]更改配置文件.env中的参数 LLM_PROVIDER: 'Ollama', PROVIDER_BASE_URL: 'http://IP:PROT', PROVIDER_API_KEY: '接入的API Key', #删除此行 LLM_DEFAULT_MODEL: 'deepseek-r1', LLM_MINOR_MODEL: 'deepseek-r1',修改完成后重启 UPageUpage 生产的代码演示[note type="warning flat"]在UPage中输入默认的语句 创建个人使用的落地页，展示我的作品以及联系方式 后生成了数套代码请自行保存为HTML来查看效果[/note] <meta name="viewport" content="width=device-width, 个人作品集 你的名字 专业领域 | 职业身份 首页 作品集 关于我 联系方式 欢迎来到我的个人作品集 这里展示了我最新的作品和项目，以及我的联系方式。 作品集 全部 网页设计 UI/UX 设计 品牌设计 插画 项目标题 项目描述内容，简短介绍项目的背景和目标。 网页设计 响应式 查看项目 项目标题 项目描述内容，简短介绍项目的背景和目标。 UI设计 用户体验 查看项目 项目标题 项目描述内容，简短介绍项目的背景和目标。 品牌设计 标识设计 查看项目 项目标题 项目描述内容，简短介绍项目的背景和目标。 网页设计 前端开发 查看项目 项目标题 项目描述内容，简短介绍项目的背景和目标。 UI/UX设计 用户研究 查看项目 项目标题 项目描述内容，简短介绍项目的背景和目标。 插画 数字绘画 查看项目 关于我 这里是关于你的详细介绍，包括你的教育背景、工作经验、专业技能和个人风格等。 联系信息 ?? 电子邮件 your.email@example.com ?? 电话 +86 123 4567 890 ?? 地址 中国，某个城市 ?? 社交媒体 链接到你的社交媒体账号 发送消息 发送消息 f in ig tw ? 2023 你的名字。保留所有权利。 个人作品集 个人作品集 首页 作品集 关于我 联系方式 欢迎来到我的作品集 我是一名专业的设计师，专注于创造美观且功能性强的数字体验。浏览我的作品，了解我的创意过程。 我的作品 全部 网页设计 应用设计 品牌设计 UI/UX设计 电子商务网站设计 为时尚品牌打造的现代电子商务平台，注重用户体验和转化率。 网页设计 UX研究 前端开发 查看详情 健康管理APP 一款帮助用户追踪健康数据和健身目标的应用程序，界面简洁易用。 应用设计 交互设计 UI设计 查看详情 咖啡品牌重塑 为知名咖啡连锁店重新设计品牌形象，包括标志、色彩和整体视觉识别系统。 品牌设计 标志设计 色彩系统 查看详情 金融平台用户界面 为在线金融服务平台设计直观易用的用户界面，提高用户满意度和任务完成率。 UI设计 UX设计 用户研究 查看详情 教育平台设计 为在线教育平台设计的响应式界面，支持多种设备上的学习体验。 网页设计 响应式设计 内容架构 查看详情 旅行规划应用 一款帮助用户规划旅行和管理行程的应用，提供直观的地图和日历视图。 应用设计 地图集成 任务管理 查看详情 关于我 我是一名充满激情的设计师，拥有超过5年的设计经验。我的职业生涯专注于创造引人入胜的用户体验和视觉吸引力强的设计。 我擅长理解客户需求并将其转化为创新的设计解决方案。我相信设计不仅仅是外观，更是关于如何改善人们的生活和工作方式。 在我的职业生涯中，我有幸与各种规模的公司合作，从初创企业到大型企业，帮助他们通过设计提升品牌价值和用户参与度。 下载简历 联系我 姓名 电子邮箱 留言 发送消息 © 2023 个人作品集. 保留所有权利。 个人网站 个人网站 首页 关于 项目 联系 ☰ 欢迎来到我的个人网站 我是前端开发工程师，专注于创建美观且功能强大的Web应用。 了解更多 关于我 我是谁？ 我是一名前端开发工程师，拥有丰富的Web开发经验。我热爱创造能够改变人们生活方式的产品，并致力于通过代码解决实际问题。 我的专长包括HTML、CSS、JavaScript以及各种前端框架和库。我始终关注最新的Web技术趋势，并不断学习和提升自己的技能。 HTML5 精通 CSS3 精通 <div class="skill-item animate-on
NodeJS 简介[note type="primary flat no-icon"]Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。 [/note]NodeJS 安装更新源与安装[note type="success flat"]访问 https://deb.nodesource.com/ 获得代码[/note]校验版本node -vnpm -v有系统返回内容即可NodeJS 升级升级`sudo npm update -g` `sudo npm install -g n ` `sudo n latest`校验版本node -vnpm -vpnpm安装一些应用需要使用到pnpmnpm install -g pnpm