← 返回列表
未验证
一个用于预览 Mermaid 图表图片的 DeepSeek Harness 插件
尚未跑自动兼容性验证，可查看页面内的依赖与入口分析。 · 最近上游提交 2026/8/18 · 已提供中文文档
一个用于在聊天会话中通过图片预览 Mermaid 图的 DeepSeek Harness 插件
综合分
28.3
GitHub 分
28.3
用户评分
—
★ Stars
2
周下载量
—
安装插件（需先安装 dsh CLI 引擎：npm install -g @deepseek-ai/dsh）
dsh plugin --profile web add baconbao/dsh-mermaid-image-preview该插件未发布到 npm，走 GitHub 源安装（pnpm 若拦截 prepare 脚本，按其提示在 pnpm-workspace.yaml 的 allowBuilds 中放行后重跑）
数据截至 2026/9/18（元数据每日更新 · 实装验证按队列轮转，单条结论的验证时间见上方）
依赖的 DSH / Cordis 模块
@deepseek-ai/dsh-settings@deepseek-ai/schemastery@deepseek-ai/cordis@deepseek-ai/dsh-client-runtime@deepseek-ai/dsh-client-ui-conversation@deepseek-ai/dsh-client-ui-primitives用户评分
还没有人投票，来当第一个
订阅周报，不错过优质插件更新
每周一封 · 高评分插件 + 新用户活动
README
dsh-mermaid-image-preview
Awesome DSH Plugin
DSH Plugin Profile Badge
Release Badge
License Badge
一个用于预览 Mermaid 图表图片的 DeepSeek Harness 插件
当聊天消息包含 mermaid 围栏代码块（
dsh-mermaid-image-preview
功能与工作原理
- 直接渲染图片来预览 mermaid 图表！
- 优先使用本地渲染器！ 如果失败，可以通过配置回退服务器回退到外部或自托管的渲染引擎。
- 设置卡片：你可以在 UI 中调整运行时设置——无需重启。
- 挂载点：conversation.chat.turnTail（链式插槽，增量式——绝不
遮蔽已发布的 UI）。
- 缩略图显示：图表以缩略图形式渲染；点击可原地放大，再次点击可缩回（同一元素切换，无弹窗）。
- 浅色/深色主题自动跟随 UI。
支持的图表类型
该插件使用内置渲染器在本地渲染图表。它开箱即支持
14 种图表类型。
本地渲染： flowchart、sequenceDiagram、classDiagram、stateDiagram、erDiagram、pie、journey、gitGraph、requirementDiagram、timeline、quadrantChart、packet-beta、xychart-beta
扩展： gantt、mindmap、block-beta、sankey-beta、architecture-beta、zenuml、C4Context
[!NOTE]
你可以启用回退来渲染扩展类型——请参阅下方的配置。
安装
从 github 安装
bash
latest release version
$ npx @deepseek-ai/dsh plugin --profile web add github:baconbao/dsh-mermaid-image-preview#latest
specific version
$ npx @deepseek-ai/dsh plugin --profile web add github:baconbao/dsh-mermaid-image-preview#
dev version
$ npx @deepseek-ai/dsh plugin --profile web add github:baconbao/dsh-mermaid-image-preview#dev
从源代码安装
bash
$ git clone https://github.com/baconbao/dsh-mermaid-image-preview
$ cd dsh-mermaid-image-preview
$ pnpm install
$ dsh plugin --profile web add .
[!IMPORTANT]
安装后重启 dsh web。
配置
在设置卡片上更改运行时设置
dsh-mermaid-image-preview_setting-card
插件设置页面（设置 > 插件）会显示一个 Mermaid image preview 卡片，你可以在其中
直接调整插件的运行时设置——无需重启。
值存储在 localStorage 中，并立即在所有会话中生效。
通过 profile patch 更改渲染服务器
图表默认在本地渲染。要使用你自己的渲染服务器或
启用外部回退，请编辑 profile 的 cordis.patch.yml（例如
~/.dsh/profiles/web/cordis.patch.yml）：
yaml
- id: ui-dsh-mermaid-image-preview
config:
enableLocalRender: true
fallbackRenderUrl: https://mermaid.ink
enableFallback: false
- enableLocalRender：在本地渲染（默认 true）。设为 false 则始终使用回退服务器（enableFallback 将被忽略）。
- fallbackRenderUrl：回退渲染服务器（默认 https://mermaid.ink）。
- enableFallback：当本地渲染失败时使用回退服务器（默认 false）。
- 更改这些设置后请重启 dsh web。
- 要自行托管回退渲染服务器，请参阅 了解详情。
卸载
bash
$ dsh plugin --profile web remove @baconbao/dsh-mermaid-image-preview
[!NOTE]
自 v0.2.0 起，插件/包 id 已从 dsh-mermaid-image-preview 更改为 @baconbao/dsh-mermaid-image-preview。
测试
让 agent 生成：
graph TD
A[Start] --> B{Success?}
B -->|Yes| C[Done]
B -->|No| D[Retry]
作者
baconbao，使用 deepseek ai 进行 vibe coding
许可证
MIT扫码进群