Ollama-UI 上手指南：3 种方式在浏览器里和 Ollama 模型对话

Ollama-UI 上手指南3 种方式在浏览器里和 Ollama 模型对话【免费下载链接】ollama-uiSimple HTML UI for Ollama项目地址: https://gitcode.com/gh_mirrors/ol/ollama-ui如果你已经在本地跑起了 Ollama但每次提问都要对着终端敲 curl那可以试试 Ollama-UI。这是一个免费开源的 HTML 对话界面把模型列表、对话输入和历史记录做成了一个网页浏览器打开就能用。项目定位与适用人群Ollama-UI 本身就是一个网页由 HTML、CSS 和 JavaScript 三个部分构成没有额外的后端服务它直接连接 Ollama 默认监听在 11434 端口的 API。适合两类人一类是已经安装好 Ollama、只想换个更直观的交互方式的用户另一类是想给同事演示模型效果、不想教对方敲命令的人。相比命令行方式它省去了手写请求、解析 JSON 输出的过程对话、换模型、存记录都变成点按钮的事。Ollama-UI 安装方法有三种方式启动按熟悉程度选择即可。方式一一键脚本推荐新手运行 run-locally.sh 即可git clone https://gitcode.com/gh_mirrors/ol/ollama-ui cd ollama-ui ./run-locally.sh脚本会先拉取第三方库文件再用 Python 在本地起一个静态服务器随后浏览器访问 localhost:8000 就行。适合刚装好 Ollama、命令行基础薄弱的用户。方式二make 命令执行make可以同时把网页服务和 Ollama 服务都拉起来适合连 Ollama 服务都还没手动启动的用户。方式三Docker 部署https-test/ 目录下提供了一套基于 nginx 的 Docker 配置构建镜像后映射 80 端口即可适合习惯容器化部署的场景。核心功能按场景讲对话交互与多行输入界面底部是输入区右侧蓝色 Send 按钮提交。输入框会根据内容动态撑高写大段提示词或代码片段时不用切窗口。上面的截图是一段多轮对话模型返回的 100 行列表内容能直接在页面里完整滚动查看不用像终端里那样担心输出被截断。如何切换 Ollama 模型顶部 Model 下拉框会列出 Ollama 里已有的所有模型比如截图中的 llama2:13b。切换后同一会话里的后续消息就发给新模型适合在同一个问题下对比大小模型的输出差异。管理聊天历史记录顶部 History 下拉框可以切换不同的对话存档配合右侧的 Save 和 Delete 按钮可以把当前对话起个名字存下来或者删掉不再需要的记录。Reset 按钮则清空当前会话重新开始。这样多个项目的对话可以分开存放不会混在一起。另外顶栏还有 Hostname 输入框和 System Prompt 输入框前者用来指向 Ollama 实际所在的地址默认 http://localhost:11434后者可以统一给模型设定系统提示词省去每次对话手动铺垫背景。Ollama-UI 进阶与定制想深入改造的用户核心文件都很直白chat.js聊天界面的核心逻辑消息渲染、历史记录读写都在这里api.js负责调用 Ollama 的 /api/tags 和 /api/generate 接口chat.css界面样式改配色、改气泡外观只动这个文件manifest.json浏览器扩展配置项目同时提供 Chrome 扩展形态安装后直接在扩展页里打开对话界面连本地服务都不用起。改完任何文件刷新页面即可看到效果不需要构建步骤。写在最后Ollama-UI 做的事情很单一给 Ollama 配一个能对话、能换模型、能存历史的网页。代码量不大文件之间分工清晰读一遍就能改出自己的版本。对只需要日常对话的用户一条脚本启动就能用对想二次开发的用户它也是一个不错的 Ollama 前端起点。【免费下载链接】ollama-uiSimple HTML UI for Ollama项目地址: https://gitcode.com/gh_mirrors/ol/ollama-ui创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考