前言¶
DeepSeek Harness(DSH)采用了“一切皆插件”的理念。在 Web 端开发或使用时,聊天内容的排版往往受限于 Shell 的硬编码样式(如 Markdown 的字体令牌、用户气泡的固定字号),缺乏直观的调整入口。下面介绍 dsh-compact-chat-ui,一个由 secyborg 维护的插件,旨在解决聊天区样式难以定制的问题。
插件定位¶
这是一个 DSH Web 插件,属于“趣味换装”类别。它不改变输入框等原生元素,而是专注于聊天内容区的排版,通过浏览器端覆盖样式的方式,绕过了构建时的硬编码限制。
核心功能¶
- 设置卡片:在插件设置中提供“聊天区排版”卡片。
- 实时调整:支持调整字号、行高和块间距。
- 样式覆盖:覆盖助手 Markdown 与用户气泡的硬编码样式。
- 自动保存:设置会自动保存到
localStorage。
安装与启用¶
安装命令如下:
dsh plugin --profile web add ./dsh-compact-chat-ui-0.5.0.tgz
安装后需重启应用,刷新页面即可生效。
典型用法¶
在应用界面中进入 设置 → 插件 → 可配置 tab,找到“聊天区排版”卡片。
支持的调整参数范围如下:
| 滑杆 | 范围 | 默认值 | 原始值 |
|---|---|---|---|
| 字号 | 11–18px | 15px | 16px |
| 行高 | 1.20–2.00 | 1.50 | ~1.75 |
| 块间距 | 25%–150% | 50% | 100% |
改动即时生效并自动保存。也可通过控制台直接设置:
localStorage.setItem("dsh-compact-chat-ui:px", "14"); // 字号
localStorage.setItem("dsh-compact-chat-ui:lh", "1.4"); // 行高
localStorage.setItem("dsh-compact-chat-ui:mg", "0.5"); // 块间距
location.reload();
适用场景与注意¶
- 模块限制:插件仅覆盖白名单模块(
MessageItem/AssistantMarkdown),不涉及输入框大小,输入框大小保持原生。 - 依赖:该插件依赖宿主注册设置命名空间,安装前应检查源码与许可证。