前言¶
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