Obsidian 插件：Beautiful Mermaid Renderer

概述

主要功能

该插件可使用 beautiful-mermaid 生成 SVG 输出，并结合 Obsidian 主题变量来渲染 Mermaid 图表。

适用场景

适用于在 Obsidian 笔记中需要绘制流程图、XY 条形图、条形与折线组合图、水平图表等各种 Mermaid 图表的场景。

核心特色

• 受 Craft 的 Beautiful Mermaid 图库启发，由 lukilabs/beautiful-mermaid 提供支持。
• 支持主题感知，图表能适配 Obsidian 主题。
• 提供多种代码块别名，如 mermaid、mermaid-beautiful 等。

使用建议

• 使用 mermaid 代码块编写图表代码。
• 安装时，将 manifest.json、main.js、styles.css 复制到 <vault>/.obsidian/plugins/beautiful-mermaid-renderer/ 目录，再从 Obsidian 设置中启用插件。
• 支持阅读视图和实时预览。在实时预览中，将光标移到代码块外查看渲染图表，点击悬停的“编辑”按钮可显示源代码。

讨论

若阁下有独到的见解或新颖的想法，诚邀您在文章下方留言，与大家共同探讨。