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),不涉及輸入框大小,輸入框大小保持原生。
  • 依賴:該插件依賴宿主註冊設置命名空間,安裝前應檢查源碼與許可證。
羽毛球分组比赛记分
小程序二维码

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

小夜