Mermaid GUI Editor
用图形化界面编辑器在笔记里编辑Mermaid图表,像流程图、看板、象限图、XY 图表、甘特图等等都能编辑。编辑完后会以纯Mermaid文本形式保存。——Obsidian官方人员尚未对该插件进行人工审核。
1. 主要功能:在Obsidian笔记中,通过可视化的图形用户界面(GUI)编辑器来编辑Mermaid图表,如流程图、序列图、甘特图等,编辑结果以纯Mermaid文本保存。 2. 适用场景:适用于在Obsidian中撰写包含各类Mermaid图表的笔记,尤其是日常使用Live Preview模式编辑笔记时。 3. 核心特色:在阅读视图、实时预览和源码模式下,每个 mermaid 代码块,点击“编辑”按钮即可开启GUI编辑器进行图表编辑,可参考插件提供的演示示例操作。
AI
Pkmer
Mermaid.js Helper (OMH)
帮助 mermaid.js 工作流程和更多的插件
Obsidian 插件 Mermaid.js-Helper-OMH 是一个帮助使用 mermaid.js 图表/流程图的插件,同时提供额外的命令。它可以帮助整理 mermaid.js 代码、使用正则表达式设置样式和类、从标题列表创建空文件、从 H2 标题创建文件、将全局 colorGroups 复制到本地图以及将列表转换为链接。这个插件可以帮助用户更高效地使用 mermaid.js 创建图表和解决文件和样式管理的问题。
AI
Pkmer
Mermaid Icons
在你的美人鱼(Mermaid)图表里使用Font Awesome和其他图标集。
Mermaid Icons Mermaid Icons 该插件允许在Mermaid图表中轻松使用多种图标,支持Font Awesome图标正确显示,还扩展了其他预捆绑图标集,具备图标插入助手和图标浏览器功能。 适用于使用Obsidian和Mermaid进行笔记记录、绘制流程图、架构图等场景,需要在图表中添加各种图标的用户。 在Mermaid图表中使用图标时,Font Awesome图标使用fa[bklrs]?:[icon - name]语法,其他自定义图标使用[prefix]:[icon - name
AI
Pkmer
Mermaid Integrator
用于辅助编辑Mermaid代码块的Obsidian插件 —— 此插件尚未经过Obsidian官方人员的人工审核。
1. 主要功能:辅助用户快速编辑Mermaid代码块,包括将当前选中内容包裹在mermaid代码块中、插入Mermaid流程图模板、配置默认流向(TD或LR),还能解析 @meta嵌入样式元数据,可对渲染图的对齐方式、宽度、边距、背景色等进行设置,且部分元数据以HTML data-属性呈现。 4. 使用建议:使用时,先了解%% @meta的语法规则,将元数据写在Mermaid DSL行之前。若需开发,可通过npm install安装依赖,npm run build构建,npm run dev开启监听模式。
AI
Pkmer
Mermaid Kit
Pan, zoom, fit, and fullscreen for Mermaid diagrams, with Ctrl/Cmd+wheel zoom and touch gestures. Works with any theme. Ordinary wheel still scrolls the page. - This plugin has not been manually reviewed by Obsidian staff.
Mermaid Kit 为 Obsidian 中的 Mermaid 图表提供增强交互与编辑支持。阅读模式下,图表具备平移、缩放(支持 Ctrl/Cmd+滚轮及触控手势)、适应窗口、重置及全屏功能;编辑模式下,提供一键插入各类图表模板的选取器。 适用于需要频繁查看复杂 Mermaid 图表(如流程图、时序图、甘特图等)的用户,以及希望快速创建标准图表结构的笔记作者。
AI
Pkmer
XU Mermaid Lazy Render
1. 零侵入:不修改笔记内容,关闭即恢复原生渲染,内置 SVG 消毒防 XSS。 2. 灵活控制:支持自动/手动双触发模式,预渲染边距可调,占位符显示图表类型。 3. 增强体验:支持明暗主题自动重绘,提供一键全渲染命令。 4. 大图查看:点击图表可弹出全屏灯箱,支持平移、缩放及双击切换视图,便于查看超大图表。
AI
Pkmer
Mermaid Lens
应用一个全局的 Mermaid 配置,还能在可拖动、可缩放的查看器里打开图表。——Obsidian 官方人员尚未对这个插件进行人工审核。
Mermaid Lens 是一款 Obsidian 插件,可在整个库中应用统一的 Mermaid 图表配置,如主题、调色板等;能在独立的可平移缩放查看器中打开图表。 适用于需要创建和查看 Mermaid 图表的 Obsidian 用户,尤其是处理大型或复杂图表时,不受笔记宽度限制。 插件需 Obsidian 1.12.0 及以上版本,可通过社区插件或手动方式安装,创建 Mermaid 图表使用 Obsidian 标准语法。
AI
Pkmer
MermaidMaker
这个插件还没经过Obsidian官方人员的人工审核。它是一个用于Mermaid图表的内联图形用户界面编辑器。节点内支持维基链接、标签、数学公式和富文本Markdown。
MermaidMaker 1. 主要功能:将Mermaid代码块转换为可视化画布,可在画布上拖动节点、添加/删除/连接节点、编辑标签,支持节点内的维基链接、标签、数学公式和富文本渲染,还具备dagre自动布局功能,实现双向同步。 2. 适用场景:适用于在Obsidian笔记中创建和编辑Mermaid图表,无需切换到外部工具。 3. 核心特色:世界首个Obsidian内联GUI Mermaid编辑器,节点标签按Obsidian Markdown渲染,维基链接可点击,支持标签、数学公式等,且文件保持Mermaid的可移植性。 4
AI
Pkmer
Mermaid Next
这个插件还没经过Obsidian官方人员的人工审核。它能使用最新版本来渲染Mermaid图表,不受内置捆绑版本的限制。
1. 主要功能:该插件可使用最新版本的Mermaid渲染图表,独立于Obsidian内置的Mermaid版本,支持多种Mermaid语法,如流程图、序列图、类图、思维导图等。 2. 适用场景:适用于需要绘制各种图表来展示信息、流程等的Obsidian用户,尤其是希望使用Mermaid最新功能的用户。 3. 核心特色:独立加载Mermaid,能让用户在Mermaid发布新功能后即可使用,无需等待Obsidian的下一次更新。 4. 使用建议: - 安装可通过社区插件商店搜索“Mermaid Next”并启用,也可手动
AI
Pkmer
Mermaid Popup
在可拖动和缩放的弹出窗口中显示美人鱼图表
Obsidian插件:在可拖动和缩放的弹出窗口中显示mermaid图表。通过BRAT插件从Obsidian社区插件中获取。安装BRAT插件后,在设置中找到“Commuity Plugins”,然后进入“Installed Plugins”列表。点击BRAT插件的“Options”按钮,再点击“Add Beta plugin”,填入URL“https://github.com/gitcpy/obsidian-mermaid-pop”,点击“Add Plugin”,几秒钟后安装完成。使用方法:在Markdown文件中有任何mer
AI
Pkmer
Mermaid Relay
Edit Mermaid diagrams visually while keeping portable Markdown in sync with external tools and AI agents. - This plugin has not been manually reviewed by Obsidian staff.
Mermaid Relay 是一款本地离线 Obsidian 插件,允许用户在 Markdown 文件中通过可视化画布或源码模式编辑 Mermaid 图表。它保持 Markdown 为唯一数据源,确保图表与文本同步。 特别适用于与 AI 代理(如 Claude Code、Codex)协作的场景。当 AI 在后台修改项目中的 Markdown 图表时,插件能自动重载外部变更,实现人与 AI 对同一图表的实时协同编辑,无需离开 Obsidian 即可保持上下文一致。
AI
Pkmer
Mermaid Node Spacing
Changes mermaid node spacings only. - This plugin has not been manually reviewed by Obsidian staff.
该插件用于全局调整 Obsidian 中 Mermaid 流程图节点的间距。它通过修改 nodeSpacing(水平间距)和 rankSpacing(垂直间距)参数,自动优化所有图表的布局,无需在每个代码块中手动添加初始化配置。 特别适用于笔记中包含大量纵向堆叠节点或复杂流程图的场景。当默认的大间距导致图表占用过多垂直空间、影响阅读体验时,使用此插件可显著节省版面空间。 安装后,请在“设置 → 社区插件 → Mermaid Node Spacing”中根据视觉偏好微调数值。建议保持数值适中,过小的间距可能
AI
Pkmer