---
maxWidth: 600
---

# Markmap

## 一款开源且免费的工具

### 基于 [markmap](https://markmap.js.org/) 创建

## 制作思维导图

- 点击左上角的✒️ **编辑** \\ 思维导图 (_快捷键：`e`_) \\ 使用 Markdown 创建分支
  - `# 标题`  用于一级标题
  - `## 副标题`  用于二级标题
  - `### 三级标题`， `#### 四级标题` …
  - 或者，使用无序列表 \\ `- 三级标题` \\ 　`  - 四级标题` \\ `- 三级标题` \\ （前面添加两个空格 \\ 用于换级）
- 点击 👓 隐藏编辑窗口 \\ 只查看思维导图 \\ (_快捷键：`Escape`_)
- **保存** 并 \\ 分享思维导图
  - 点击 💾 **保存**  为 SVG 格式 \\[静态图像]  (_快捷键：`s`_)
  - 点击 🌐 **保存** 为 HTML 格式 \\[可互动] (_快捷键：`h`_)
  - 点击 🔗 复制思维导图的 **分享链接** (_快捷键：`l`_)
    - 在 URL 中添加 `?m=0` 隐藏菜单
      
## 如何在思维导图中导航？
- \\ 点击不同分支交汇处的 **圆圈** 显示或隐藏后续内容
  - \\ **Alt+点击** 圆圈仅显示该分支
- **其他快捷键**
  - **Alt+点击** 分支文本隐藏该分支
  - `m` 隐藏或显示菜单栏
  - `r` 禁用或启用自动调整大小

## 更高级的用法  

### 标签用来 \\ **控制思维导图的显示**

#### **Markdown**  

- `**文本**` : 使文本 **加粗**
- `_文本_` : 使文本 _斜体_
- `[链接](URL)` : 插入一个 [链接](https://eyssette.forge.apps.education.fr/)
- `![](URL)` : 插入一张图片
	- `![h​-25](URL)` : 指定图片的高度（以像素为单位）
- ``` `代码` ``` : 插入 `代码` 
- `==文本==`: 突出显示 ==文本==
- `++文本++`: 给 ++文本++ 下划线

#### **HTML** 

- `
` 或 `\ ` 强制换行
- `texte` \\ 修改元素的样式
  
#### **其他标签** 

- `` 行尾添加，可以默认隐藏子分支： \\ 点击圆圈可显示内容
    - 此分支默认隐藏！
    - 此分支也是！
- `:code_emoji:` : 插入 emoji 的代码 [:link:](https://raw.githubusercontent.com/omnidan/node-emoji/master/lib/emoji.json)
- `{{隐藏部分}}` 用于隐藏文本的一部分：例如，这里有一个 {{隐藏段落}} \\ （点击显示/再次隐藏）

### 一个 **YAML 头部** \\ 用于更高级的配置选项 

- 指定分支的最大宽度
	- ```maxWidth: 300```
- 防止从某个级别起子分支的颜色变化
	- ```colorFreezeLevel: 2```  \\ （每个分支保持自己的颜色）
- 添加特定的 \\ CSS 样式
	- ```style: strong{color:red}```
- 添加特定主题
	- ```theme: focus```
  - 可用主题： \\ `focus`、`nolines` 和 `black`
- 使用直线而非曲线
	- ```curves: false```
- 添加标题
	- ```title: 我的标题```
- 默认隐藏从某个级别起的子分支
	- ```initialExpandLevel: 1```
- 强制链接在新标签页中打开
  - ```openLinksInNewTab: true```
- 控制互动性
  - ```automaticResize: false``` \\ 以禁用 \\ 自动调整大小
  - ```focusOnBranch: true``` \\ 点击某分支时聚焦该分支并自动关闭其他分支
  - ```showMenu: false``` \\ 隐藏菜单