开源工具将 Markdown 转为脑图，还支持 VSCode 和 Vim

Posted 2023-05-07

参考技术A 【导语】：将 Markdown 文档转为直观可视化的思维导图。

Markmap 是 markdown 和 mindmap 的组合。它解析 markdown 内容并提取其内在层次结构，呈现出交互式的思维导图 mindmap，这就是 markmap。

Markmap 包含 3 个软件包：

除了在浏览器上使用，Markmap 还在以下编辑器中提供了插件使用：

https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode

https://github.com/gera2ld/coc-markmap

项目地址是：

https://github.com/gera2ld/markmap

以下例子将 markdown 结构解析为 markmap 数据，为下一步的浏览器渲染做好准备：

创建一个具有确定高度和宽度的 svg 元素：

将 markmap 数据渲染到 svg 元素中：

擅事利器

目录

• 一、教学文档工具
  • 1、图示工具ProcessOn
  • 2、文档编写工具Typora

一、教学文档工具

1、图示工具ProcessOn

• 一款在线画图工具：https://www.processon.com

• 支持各种图，包括脑图

  

2、文档编写工具Typora

• 一款支持实时预览的 Markdown 文本编辑器，完全免费
• MarkDown语法：https://www.processon.com/mindmap/5eda1c651e0853199b52aebd
• 示例