@baconbao/dsh-mermaid-image-preview

@baconbao · 文档与渲染
检测到高风险无安装脚本

在 DSH Web 聊天中把 Mermaid 代码块本地渲染为图片,可选外部渲染服务兜底,适合需要可视化图表预览的用户

v0.3.2版本
GitHub 源码安装安装方式
2026-08-17最近更新
2Star
查看风险检测到高风险发现,本站不提供一键安装;请先阅读安全报告。查看仓库

插件介绍

根据仓库资料整理 · commit 56f804e

主要功能

  • 内置本地渲染器,开箱支持 14 种 Mermaid 图表类型(flowchart、sequenceDiagram、classDiagram 等)
  • 本地渲染失败时可回退到外部或自托管渲染服务器(如 mermaid.ink),以支持 gantt、mindmap 等扩展类型
  • 在 Settings > Plugins 中提供设置卡片,可实时调整运行时配置,无需重启
  • 图表以缩略图形式展示,点击可放大查看,再次点击缩小
  • 自动跟随界面的浅色/深色主题
  • 以追加方式挂载在 conversation.chat.turnTail,不会覆盖原有 UI

适合什么时候用

  • 与 Agent 对话时,希望将回复中的 Mermaid 代码块直接渲染成图片查看,而不是看原始文本语法
  • 需要离线本地渲染图表,同时保留在遇到复杂图表类型时切换到外部渲染服务的能力

安装后会多出什么

界面Settings > Plugins 中的 “Mermaid image preview” 设置卡片 · 聊天消息中的 Mermaid 图表缩略图预览(可点击放大/缩小)

使用前需要

  • 需要 DSH Web profile(client platform 为 web)
  • 若启用回退渲染,需要可访问的外部或自托管渲染服务器(如 mermaid.ink)
  • 修改 cordis.patch.yml 中的渲染配置后需要重启 dsh web

在 GitHub 阅读完整 README

权限与能力

安装后它能碰到什么
不覆盖任何 dsh-base 宿主行:不接管沙箱、审批、凭据等能力。
宿主能力
Agent 控制浏览器 UI宿主子进程
能力是范围不是结论:很多能力是功能所需。

基本信息

仓库baconbao/dsh-mermaid-image-preview安装方式GitHub 源码安装(需 allowBuilds)安装提示源码安装会在你的机器上执行 prepare 构建,需要 allowBuilds 授权;建议用 github:baconbao/dsh-mermaid-image-preview#56f804e 锁定本次检测的 commit。收录日期2026-08-16固定 commit56f804e6af6c · 2026-08-17