dsh-compact-chat-ui:聊天区排版实时调整插件

前言

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),不涉及输入框大小,输入框大小保持原生。
  • 依赖:该插件依赖宿主注册设置命名空间,安装前应检查源码与许可证。
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜