前言¶
DSH 的 Web GUI 默認將文件編輯壓縮成單行。要查看更改，必須點擊。dsh-inline-diff 插件用始終展開的並排差異替換這些行：左側爲舊代碼，右側爲新代碼。
安裝¶
通過 CLI 安裝（推薦）：
dsh plugin --profile web add github:JanEickholt/dsh-inline-diff
手動安裝：
- 在項目的
package.json中添加依賴：
"dsh-inline-diff": "github:JanEickholt/dsh-inline-diff"
然後在項目目錄下運行 pnpm install。
- 在項目的
cordis.patch.yml中添加以下配置：
- insert:
- id: inline-diff
name: 'dsh-inline-diff'
- 刷新 GUI 頁面。每次編輯和文件寫入都會渲染爲內聯差異。
核心功能¶
該插件提供始終展開的並排差異視圖：
- 並排對比：左側顯示舊代碼，右側顯示新代碼。
- 視覺標識：添加顯示爲綠色，刪除顯示爲紅色。每個更改的行都有彩色邊緣條。
- 高亮細節：默認情況下，不僅行會被高亮，改變的單詞也會被高亮。每個文件都有
+N -N的彙總信息。 - 交互：鼠標懸停時，高亮會跟蹤光標下的行。支持摺疊長區塊。
- 代碼輔助：包含行號、語法高亮（基於 highlight.js）和摺疊長區塊功能。
配置項¶
安裝後，可以在設置中調整顯示效果：
- 高亮模式：在 Settings → Plugins → Inline diff 中，可以選擇僅高亮行，或同時高亮單詞。
- 行號：可以選擇顯示或關閉行號。
- 語法高亮：可以選擇開啓或關閉代碼的語法高亮。
- 摺疊長區塊：開啓後，超過一定行數的區塊會摺疊，點擊展開。
- 壁紙玻璃效果：如果安裝了
dsh-wallpaper-engine並啓用了壁紙，差異卡片會呈現玻璃擬態效果。
注意事項¶
- 主題兼容：該插件兼容
dsh-stylevault，可以通過其 Colors 面板覆蓋顏色變量。 - 行號準確性：如果無法定位編輯塊，行號可能不準確。
- 語言回退：如果缺少翻譯，界面將回退到英語。
- 客戶端結構：客戶端是一個自包含文件。
- 開發背景：該插件由 AI 編碼代理編寫。
生態背景¶
DSH 理念是「一切皆插件」。社區目錄是獨立站點，與 DeepSeek / 幻方無官方從屬關係。
鏈接：
* GitHub 倉庫：https://github.com/JanEickholt/dsh-inline-diff
* 社區目錄：https://www.skillhub.cn/plugins/JanEickholt/dsh-inline-diff
