pi-web-ui 的插件与主题怎么扩展,从写一个自己的顶栏标签页开始
pi-web-ui 的扩展面只有两块插件与主题。它们的共同点是免重建、免重启——你不用改它的源码也不用重新打包放对位置、刷新页面就能生效。本文从一个最小目标出发给自己加一个顶栏标签页顺带把插件目录结构、安装与回滚、以及主题的覆盖规则讲清楚。想先看看同类插件的中文清单与安装形态可以对照 完整插件清单与汉化避坑指南。扩展面只有两块插件与主题插件负责往界面里加东西主题负责改配色。两者都放在数据目录下互不干扰也都能单独回退。先把这一点记住pi-web-ui 的布局始终来自它内置的那份样式表主题只是在其之上覆盖一组 CSS 变量所以任何主题都不会因为布局变化而失效。更多同类插件的安装形态可以顺手看 完整插件清单与汉化避坑指南。插件就是一个目录外加两个可选入口插件本质上是可选 UI 组件一个额外的顶栏标签页背后是它自己的客户端视图此外还可以带一个服务端入口以及供智能体调用的工具。它落在数据目录的插件文件夹下路径形如dataDir/plugins/id/默认是~/.pi-web/plugins/。一个插件就是一个目录里面至少要有manifest.json插件的声明。index.mjs可选服务端入口。client/entry.mjs可选客户端视图入口。没有插件目录就等于没有插件界面里什么都不会出现——不存在「装了一半」的中间态。从仓库里的最小模板抄起仓库里保留着一个最小插件模板它同时充当测试夹具包含服务端入口、客户端视图以及双向消息协议是动手写自己插件最省事的起点。写完之后把它放进插件目录或者用命令行从 GitHub、从本地目录装进去都可以。装、更新、回滚CLI 与界面两条路安装可以走命令行以 GitHub 仓库为源是最常见的形式也支持指定分支、子目录甚至可以指向本地目录做开发。也可以直接手工把一个插件目录拷进插件文件夹效果一样。界面里同样有插件市场列出可维护的插件提供安装、更新、卸载控件也允许你把自己的第三方插件源添加进去。装完之后不需要重启服务在跑就刷新浏览器插件会被自动接管新插件在顶栏出现为一个标签页服务没在跑就在下次启动时加载。想临时藏起来又不想卸载可以用设置里的界面插件开关它按客户端保存纯视觉随时能再打开。旧版本会自动留一份快照更新用同源的强制重装插件的本地配置会被保留。这里有两个要提前知道的点一是强制重装只保护插件自己的那份配置文件插件目录里其它本地状态不在保护范围内升级前最好备份二是升级本身可回滚——每次强制安装都会把被替换的旧版本快照存进数据目录下的plugin-backups/只保留最新三份且拷贝失败会自动回滚。需要撤销时用pi-web-ui plugins --rollback id想知道哪些插件落后了pi-web-ui plugins --check-updates会比对记录的提交与远端指针并打印出精确的更新命令。插件能带来什么标签页、服务端能力与智能体工具除了自己的页面插件还能注册斜杠命令这类命令在服务端执行、不消耗 token也可以注册带独立停止按钮的后台任务声明一份设置表单订阅运行、工具与会话事件并从自己的客户端包访问宿主。也就是说插件既能是「一个额外的标签页」也能是「给智能体补一组能力」。主题就是一份只改变量的 CSS主题是一个纯调色板覆盖文件只设置 CSS 变量。内置主题随包分发有二十多个调色板你放在数据目录主题文件夹里的任何 CSS 文件都会自动出现在主题菜单里不需要重启也不需要重建文件名去掉.css就是它在菜单里的 id。主题的合并规则是用户主题与内置主题同名时用户主题胜出你没有列出的变量会回落到默认的深色值。让终端和代码高亮跟着主题一起变要让终端也可读主题里必须设置终端相关的一组变量包括 ANSI 调色板与终端背景终端画布和它的容器会自动跟随。另一个容易被忽略的是代码语法高亮内置的是一份偏深色的高亮样式浅色主题必须在自己的文件里覆盖.hljs语法色否则代码会看不清深色主题可以跳过这一步。主题 id 必须由字母、数字、下划线或连字符组成不能带点或斜杠——服务端有一道防路径穿越的校验。想把自己的主题贡献进仓库规则同样简单单个 CSS 文件、为终端设好相关变量、浅色主题覆盖语法色。社区目录与自动安装别误解这一步社区插件目录有一个默认地址它只写可安装列表、并不会安装插件把它设成空或关闭即可停用。只有在配合「启动时自动安装」这个开关时目录里的条目才会在启动阶段被装进去——这是给无头或容器化预置准备的路径普通使用不需要打开。另外插件的代码是在安装时从源仓库拉取的一个社区条目只是一个指针它的许可、issue 与发布节奏都归作者所有需要锁定版本就在源里带上引用。需要一并说明的是该插件在本站的静态安全扫描中被评为 高危安装期即执行代码、命令参数由运行时变量拼接目前没有任何人工复核。请把它当成一条待核实的提示而不是安全承诺。总结插件管「多出一块界面与能力」主题管「换一套配色」两者都免重建、免重启且可回滚安装前想先比对同类插件的中文清单与安装形态见 完整插件清单与汉化避坑指南。适合与不适合适合想给自己工作流加一个专属标签页的人需要把内部工具挂到同一个工作台、并用命令行统一安装与回滚的团队想把界面改成顺眼配色、并让终端与代码高亮一起跟上的用户用容器做无头预置、需要在启动阶段把插件装好的人。不适合指望社区目录一开就自动装好插件、不愿动手确认的人插件里存了自定义状态却没做备份、又频繁强制重装的人需要跨端严格锁定同一份主题产物的团队因为主题是按浏览器选择保存的只想要默认外观、不想维护任何 CSS 的人。标签pi-web-ui、DeepSeek Harness、插件扩展、主题定制本文由 DeepSeek Harness Hub 自动整理数据来源于插件详情页。

相关新闻

红包系统核心设计:状态机、幂等与并发控制实战

红包系统核心设计:状态机、幂等与并发控制实战

简介:面向电商平台运营者与商家管理员的实操教程,系统讲解如何在商城后台创建“自行领取”类型红包并完成前台展示。内容覆盖红包面额类型、有效期等基础配置,重点演示了从红包列表页复制专属链接,再将其嵌入可视化弹窗广告的途径…

2026/10/14 4:53:58 阅读更多 →
用学生成绩单吃透Pandas DataFrame索引与筛选

用学生成绩单吃透Pandas DataFrame索引与筛选

1. 为什么拿学生成绩单来教DataFrame索引凡是入门Pandas的人,几乎都绕不开DataFrame的行列索引。但很多教程一上来就用股票数据、电商订单这类抽象表格,新手还没搞清楚索引和列名是怎么回事,就被各种术语砸晕了。我带过的学员里,十…

2026/10/14 4:53:58 阅读更多 →
2024 Python NLP工程实践:从预训练微调到RAG落地全指南

2024 Python NLP工程实践:从预训练微调到RAG落地全指南

如果你是从上一篇跟过来的读者,应该还记得我留了个尾巴:纯规则和经典机器学习方法在真实文本上,遇到“苹果在店里卖苹果”这种场景就直接投降。苹果到底是公司还是水果,靠 TF-IDF 和词向量猜不出来,因为词向量是静态的…

2026/10/14 4:52:58 阅读更多 →

最新新闻

《汽车一看就懂》读书笔记4-5章 汽车的“身躯、四肢”

《汽车一看就懂》读书笔记4-5章 汽车的“身躯、四肢”

一、汽车的身躯 (一)燃油汽车的构造 汽车由车身、发动机、底盘和电气电子系统四大组成部分构成。车身为乘客、驾驶员和货物提供空间,现代汽车多采用承载式车身设计,一体式车身集成了车身和框架功能,提供更好的安全性和…

2026/10/14 5:49:17 阅读更多 →
定制字体:品牌视觉差异化的战略资产与落地实践

定制字体:品牌视觉差异化的战略资产与落地实践

你有没有发现,这两年品牌更新视觉形象的新闻特别多,但真正能让消费者一眼记住的新形象,往往不是logo图形本身有多精巧,而是logo上那几个字换了“血统”。2026年回头看,定制字体已经从设计圈的小众玩法,变成…

2026/10/14 5:49:17 阅读更多 →
微电网多阶段鲁棒优化模型与MATLAB实现

微电网多阶段鲁棒优化模型与MATLAB实现

1. 项目背景与核心价值区域微电网作为分布式能源系统的重要形态,正在全球范围内快速发展。这个项目聚焦于含高比例可再生能源和储能系统的微电网优化运行问题,其核心价值在于解决了可再生能源出力不确定性和负荷波动性带来的调度难题。我在参与某工业园区…

2026/10/14 5:49:17 阅读更多 →
2026 企业 AI 办公工具选型指南:从场景匹配构建评估框架

2026 企业 AI 办公工具选型指南:从场景匹配构建评估框架

很多企业调研AI办公工具的初期,都会陷入几个典型的选型误区:要么拉一张长长的功能对比表,把所有能找到的功能点逐一打勾,优先选功能覆盖数量最多的产品;要么直接对比公开的会员定价,把成本控制放在第一优先…

2026/10/14 5:49:17 阅读更多 →
自托管笔记 Memos:隐私、免费与高性能的取舍之道

自托管笔记 Memos:隐私、免费与高性能的取舍之道

我一直对开源自托管笔记 Memos 这个项目有种说不清道不明的喜欢。第一次部署它,是在一个被朋友安利的晚上,对方丢来一句:给你看个东西,特别像自建的社交时间线。我打开之后发现,界面确实简单得不像个笔记软件&#xff…

2026/10/14 5:49:17 阅读更多 →
基于语义去重与多维度排序的AI资讯聚合工具实战

基于语义去重与多维度排序的AI资讯聚合工具实战

1. 从一条资讯流说起:我为什么要做这个AI资讯聚合项目每天早上七点半,我习惯性地打开几个固定的信息源,扫一遍过去24小时内全球AI领域发生了什么。这个习惯保持了两年多,直到今年3月初我意识到一个问题:信息源太多&…

2026/10/14 5:48:17 阅读更多 →

日新闻

AnyPS5通用适配层设计:兼容性与性能的工程取舍

AnyPS5通用适配层设计:兼容性与性能的工程取舍

1. 从"AnyPS5"这个名字说起:它到底想解决什么问题第一次看到"AnyPS5"这个标题,我脑子里冒出来的第一个念头是:这大概率是一个围绕"跨平台运行"或者"通用适配"做文章的项目。名字里的"Any"…

2026/10/14 0:00:41 阅读更多 →
Flutter跨平台开发实战:二手交易应用与HarmonyOS适配

Flutter跨平台开发实战:二手交易应用与HarmonyOS适配

1. 项目概述:Flutter跨平台二手交易应用开发作为一名长期从事移动应用开发的工程师,我最近完成了一个基于Flutter框架的二手物品交易平台项目。这个项目最吸引我的地方在于它完美结合了Flutter的跨平台优势与HarmonyOS的生态特性,实现了"…

2026/10/14 0:00:41 阅读更多 →
DFS算法解决飞机降落调度问题实战

DFS算法解决飞机降落调度问题实战

1. 项目背景与核心思路飞机降落问题是一个经典的调度优化场景,也是算法竞赛和面试中的高频题目。这个题目要求我们合理安排多架飞机的降落顺序和时间,确保所有飞机都能安全着陆而不发生冲突。在实际航空管制中,这类问题直接关系到飞行安全和机…

2026/10/14 0:00:41 阅读更多 →

周新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/14 3:30:28 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/13 16:22:04 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/14 3:29:58 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/13 22:01:27 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/13 14:57:39 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/12 18:11:17 阅读更多 →