告别命令行！Hermes WebUI可视化部署+全功能｜AI智能体系列第二篇

刷到停住！上一期咱们装好Hermes AI智能体，可看着黑乎乎的命令行，记不住指令、操作不方便，不少朋友直呼太难用！

别愁！本期直接解决核心痛点：手把手部署Hermes WebUI可视化界面，浏览器打开就能用，鼠标点一点完成所有操作，零基础也能轻松拿捏，彻底告别繁琐命令行！

不管是聊天对话、技能管理、模型切换，全都可视化展示，手机、电脑、平板都能访问，Hermes好用度直接拉满！

为什么一定要部署WebUI？

✅ 告别命令行，鼠标操作，零指令记忆

✅ 可视化聊天，历史对话一目了然，回看超方便

✅ 技能管理可视化，一键保存、运行、删除自动化任务

✅ 模型切换、参数配置点点鼠标，不用改配置文件

✅ 多设备通用，手机浏览器也能远程操控

✅ 界面清爽直观，新手秒上手，效率翻倍

前置要求：已完成上期Hermes命令行安装，能正常运行使用，电脑内存≥8GB

️ 方案一：官方专属WebUI（新手首选，5分钟搞定）

专为Hermes定制，兼容性拉满，无需复杂Docker，零报错部署

1. 开启Hermes API服务

1. 打开WSL终端，输入指令编辑配置文件

plaintext

nano ~/.hermes/.env

2. 粘贴以下内容，API_KEY自行设置密码（如123456）

plaintext

API_SERVER_ENABLED=true

API_SERVER_KEY=自定义密钥

3. 按Ctrl+O保存，Ctrl+X退出编辑器

4. 启动API网关，出现端口监听提示即成功

plaintext

hermes gateway

2. 一键部署WebUI

1. 安装运行依赖

plaintext

sudo apt update && sudo apt install nodejs npm -y

2. 下载源码并安装依赖

plaintext

git clone https://github.com/sanchomuzax/hermes-webui.git

cd hermes-webui

npm install pnpm -g

pnpm install

3. 配置API连接信息

plaintext

cp .env.example .env

nano .env

修改对应内容，和之前设置的密钥保持一致

plaintext

HERMES_API_URL=http://127.0.0.1:8642

HERMES_API_KEY=自定义密钥

4. 启动WebUI

plaintext

pnpm dev

✅ 浏览器直接打开：http://localhost:3000，即可进入可视化界面

方案二：Open WebUI（功能全能版，长期使用首选）

适合自媒体矩阵、团队使用，功能更丰富，支持多模型管理

1. 安装Docker环境

plaintext

sudo apt update

sudo apt install docker.io -y

sudo systemctl start docker

sudo systemctl enable docker

2. 一键部署Open WebUI，替换密钥后直接运行

plaintext

docker run -d -p 3000:8080 \

-e OPENAI_API_BASE_URL=http://host.docker.internal:8642/v1 \

-e OPENAI_API_KEY=自定义API密钥 \

--add-host=host.docker.internal:host-gateway \

-v open-webui:/app/backend/data \

--name open-webui \

--restart always \

ghcr.io/open-webui/open-webui:main

✅ 访问地址：http://localhost:3000，注册账号即可使用

✅ WebUI核心功能使用指南

1. 智能聊天对话

左侧查看历史对话，中间流式输出内容，支持富文本、代码展示，和AI交互更直观，还能快速调取AI记忆内容，不用重复设定角色。

2. 自动化技能管理

不用再记技能指令，鼠标点击即可创建、保存、运行自动化技能，比如公众号写文、热点抓取、留言回复，一键启动全程可视化，执行进度实时查看。

3. 模型一键切换

下拉菜单直接选择本地/云端模型，免费本地模型、高效云端模型随意切换，参数调整可视化，不用输入命令行，新手也能轻松配置。

4. 多设备远程访问

同一局域网下，用手机、平板浏览器输入电脑IP+端口，随时随地操控Hermes AI，外出也能完成内容创作、任务执行。

❌ 常见报错快速解决

1. 无法连接WebUI：重新启动API服务 hermes gateway

2. 密钥验证失败：核对配置文件中的密钥，保持前后一致

3. 端口无法访问：更换端口启动，或关闭电脑防火墙

4. 依赖安装失败：执行 sudo apt update 更新后重新安装

博主心里话

Hermes的强大，只有用上WebUI才能真正体会！

命令行只是基础，可视化界面才是普通人用好AI智能体的关键，不用懂代码、不用记指令，把复杂操作简单化，真正实现AI自动化高效落地。

不管是做自媒体日更变现，还是日常办公提效，部署完WebUI，Hermes的实用性直接提升一个档次，照着教程一步步来，10分钟就能搞定！

Hermes系列干货持续更新

本篇为系列第二篇，下期带来：《Hermes WebUI+自媒体平台自动发文，24小时无人值守变现》

互动话题

你部署WebUI时遇到了什么问题？评论区留言，一一解答！

#Hermes #HermesWebUI #AI智能体 #AI工具教程 #零基础学AI #自媒体效率工具 #AI自动化