dsh-mermaid:在 DSH 会话里直接渲染 Mermaid 图表

前言

在 DeepSeek Harness(DSH)里写流程图、时序图时,习惯用 Markdown 的 ```mermaid 围栏。默认情况下,会话里只会显示源码:flowchart TD、节点和箭头都要自己在脑子里还原,区域又窄,复杂图很难看清;要把源码拷出去,也只能手动框选。

dsh-mermaid 是社区维护的客户端(Web)插件,装好后会把会话里的 mermaid 代码块画成图,并在工具条里提供源码切换、全屏与复制。下面介绍它做什么、怎么装、用起来长什么样。

这是什么

一句话:把会话内 Markdown 里 ```mermaid 围栏直接渲染成图,源码仍一键可看、可拷。

DSH 生态强调「一切皆插件」;SkillHub 等目录是社区站点,与 DeepSeek / 幻方无官方从属关系,安装前建议自行查看仓库源码与许可证。

核心功能

以下能力均来自项目 README 说明:

  1. 自动渲染:进入会话即可看到流程图等图示,无需额外点击「渲染」按钮。
  2. 图 ↔ 源码切换:工具条提供「查看源码」「查看图示」,在同一代码块上切换。
  3. 放大全屏:工具条「放大」,支持滚轮缩放、拖动平移,便于看细节。
  4. 复制源码:工具条「复制源码」,一键复制 mermaid 原文。

实现原理、调试与已知限制见仓库内 docs/implementation.md。

安装与启用

插件以当前 DSH 进程权限运行;安装前请确认你信任该仓库与 MIT 许可条款。

桌面端 App(推荐)

桌面端的 profile 由 Electron 应用独占管理,不要在 PowerShell 里对 desktop profile 执行 dsh plugin add,否则会报 profile "desktop" is managed exclusively by the Electron application。

  1. 打开左侧栏最下方的 插件。
  2. 点 安装,粘贴安装地址(这是地址,不是 shell 命令):
https://github.com/zach-bworld/dsh-mermaid

以下写法效果相同:github:zach-bworld/dsh-mermaid、git@github.com:zach-bworld/dsh-mermaid.git,或本地 clone 后的目录绝对路径。

  1. 在列表中 启用 插件。
  2. 刷新页面(Ctrl+R)或重开窗口;客户端 bundle 需刷新后才会加载。

命令行 / Web 端

将 web 换成你实际使用的 profile 名(常见为 web、tui、headless):

dsh plugin --profile web add github:zach-bworld/dsh-mermaid

装完后刷新页面。

指定版本示例:

dsh plugin --profile web add github:zach-bworld/dsh-mermaid#v1.0.0

卸载(命令行):

dsh plugin --profile web remove @…/dsh-mermaid

桌面端也可在 App 插件页直接移除。

装不上时的对照

现象 处理
命令行报 managed exclusively 改用 App 内插件页安装
装完没反应 刷新页面或重开窗口
提示找不到包 检查拼写:github:zach-bworld/dsh-mermaid(冒号、斜杠均不可少)

典型用法

无需单独配置项:在 DSH 会话的 Markdown 里照常写 mermaid 围栏即可。例如:

```mermaid
flowchart TD
    A[开始] --> B{判断}
    B -->|是| C[结束]
    B -->|否| A
```

启用插件并刷新客户端后,该块会显示为图;需要改语法时用工具条切回源码,改完仍可再看图示。复杂图用「放大」在全屏里缩放、平移查看。

适用场景与注意

适合谁:经常在 DSH 里让模型输出或自己粘贴 Mermaid 流程图、序列图、类图等,希望会话内即看即改的开发者或智能体使用者。

注意:

  • 插件类型为 Web 客户端,行为与会话 UI 绑定;非服务端逻辑插件。
  • 资料中未列出额外配置文件字段,主要依赖 Cordis patch 注入客户端;细节见 implementation 文档。
  • 社区目录星标等统计会变动,以 GitHub 与目录页为准。

结尾

dsh-mermaid 解决的是 DSH 会话里 Mermaid 只显示源码、难放大、难复制的问题:装上并刷新后,围栏自动成图,工具条负责源码、全屏与复制。

  • 目录页:https://www.skillhub.cn/plugins/zach-bworld/dsh-mermaid
  • GitHub:https://github.com/zach-bworld/dsh-mermaid
羽毛球分组比赛记分
小程序二维码

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

小夜