dsh-web-mermaid
Mermaid 图表渲染插件,可将聊天中的 mermaid 代码块渲染为支持放大、平移的内联 SVG 图片。
AI 分析
核心用途是直观展示流程图和结构图。适合经常需要模型生成图表、进行架构设计或流程梳理的开发与设计人员。
安装
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:demo007x/dsh-web-mermaid说明文档
阅读完整 README ↗📖 使用
聊天里直接写 mermaid 代码块:
```mermaid
flowchart TD
A[开始] --> B{是否通过?}
B -- 是 --> C[结束]
B -- 否 --> D[重试]
D --> B
```
插件会把代码块渲染成流程图,并提供三个操作(位于代码块横幅 / 图片上):
- 代码 / 图片切换:默认展示图片,点按钮在图片与源码之间切换;
- 点击放大:点图片(或「放大」按钮)打开遮罩弹窗,按钮缩放 + 鼠标左键拖拽平移;
- 源码高亮:切到「代码」视图查看带语法高亮的 mermaid 源码(「复制」按钮仍可用)。