TNotes.introduction

Appearance

⏰0013. MarkMap 思维导图

0013. MarkMap 思维导图 ​

1. 🎯 本节内容 ​

  • 思维导图组件的基本使用

2. 🫧 评价 ​

想要在纯 markdown 中集成思维导图功能，目前测试下来最佳方案是使用 markmap。

TNotes 中的 MarkMap 思维导图组件就是基于 markmap 实现的。

3. 🤔 思维导图组件如何使用？ ​

支持的写法蛮多的，且支持传入参数配置默认展开的层级。

3.1. 基本用法 ​

输入：

md
```markmap

- root
  - item1
  - item2

```

输出：

3.2. 导入文件 ​

md
```markmap
<<< ./assets/2.md
```
md
- root
  - item 1
    - item 1.1
      - item 1.1.1
    - item 1.2
  - item 2
    - item 2.1

输出：

3.3. 配置层级 ​

md
```markmap 2
<<< ./assets/2.md
```
md
- root
  - item 1
    - item 1.1
      - item 1.1.1
    - item 1.2
  - item 2
    - item 2.1

输出：

3.4. 其他功能 ​

  • 主题切换同步：同一个笔记下的所有 markmap 都保持同一个主题
  • 修改层级：可以通过上下箭头调整默认展示的层级，按下回车或者层级旁边的 L 按钮改变层级
  • zoom：缩小、放大、居中
  • 全屏切换
  • ……

4. 🔗 引用 ​

Discussions