前言¶
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),不涉及輸入框大小,輸入框大小保持原生。 - 依賴:該插件依賴宿主註冊設置命名空間,安裝前應檢查源碼與許可證。