Markmap
什么是Markmap?
Markmap 是 Markdown 与思维导图的结合,它兼容 Markdown 语法,并提取其固有的层级结构,渲染成可交互的思维导图,又称 markmap。
结构语法如下:
类型 | 语法 | 示例 |
一级标题 | # ... | # 我是标题1 |
二级标题 | ## ... | ## 我是标题2 |
三级标题 | ### ... | ### 我是标题3 |
四级标题 | #### ... | #### 我是标题4 |
五级标题 | ##### ... | ##### 我是标题5 |
六级标题 | ###### ... | ###### 我是标题6 |
列表条目 | - ... | # 我是标题1 - 我是子条目1 - 我是子条目2 |
使用它的最简单方法是将您的Markdown内容加载到👉 试用页面。
您还可以在以下环境中尝试:
- 命令行:请参见 markmap-cli
- Vim / Neovim:请参见 coc-markmap
编程使用
基本上,我们使用 markmap-lib 将Markdown预处理为结构化数据,然后使用 markmap-view 将数据渲染为交互式SVG。
有关更多详细信息,请参见相关包。
演示
- 与React的Markmap: https://stackblitz.com/edit/markmap-react?file=src%2Fmarkmap-hooks.tsx
- 与Vue的Markmap: https://stackblitz.com/edit/markmap-vue?file=src/app.vue
- Markmap自动加载器: https://stackblitz.com/edit/markmap-autoloader?file=index.html
支持
请参见 常见问题解答 获取您的问题的答案。如果您仍然需要帮助,请随时在 GitHub讨论区 提问。
致谢
- 该项目受到 dundalek的Markmap 的启发。