Markmap：让你的Markdown秒变思维导图

## Markmap是什么？

你平时用Markdown写文档吗？写的时候是不是感觉挺爽的，但是给别人看的时候总觉得密密麻麻的文字不够直观？

简单说，Markmap就是把你的Markdown文档变成可视化的思维导图。

你只需要按照正常的Markdown语法写内容，它就能自动生成一个交互式的思维导图，点击、展开、收缩都能操作。

https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.markmap



### 如何使用

应用安装之后，打开首页

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/1aae95bd-561b-48ff-8502-38c5357b90a8.png "image.png")

点击try it out, 左边写Markdown，右边实时看到思维导图

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/e30f7627-3e00-4e7f-ae69-f3c737fc8360.png "image.png")

写完了直接导出HTML或SVG

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/3992d1d7-f5d8-48b5-b5df-3af8d55410fa.png "image.png")

### 支持VSCode插件

打开VSCode，搜索"Markmap"插件并安装

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/f13d2b49-3b2a-44f4-b55c-cad475cbef9a.png "image.png")
新建一个`.md`文件，写你的内容
按`Ctrl+Shift+P`（Mac是`Cmd+Shift+P`），输入"Markmap: Open"

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/eec0174a-5d8e-4337-8aa7-b50e70733b82.png "image.png")
搞定！实时预览你的思维导图


```markdown
# 学习计划
## 前端技术
### JavaScript
- 基础语法
- ES6特性
- 异步编程
### CSS
- 布局技巧
- 动画效果
```

无序列表在思维导图里显示效果很好，比纯文本清晰多了。

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/20383fc1-f8e5-4a4c-a4f1-0806a2a7c803.png "image.png")

### 技巧：加点颜色和图标

```markdown
# 🎯 2024年目标
## 📚 学习计划
### 💻 技术提升
### 🎨 设计能力
## 🏃‍♂️ 健身计划
### 🏋️‍♂️ 力量训练
### 🏃‍♂️ 有氧运动
```

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/b85fa039-649f-44c7-ab9b-06e26a404ce8.png "image.png")
emoji让思维导图更生动，一眼就能看出重点。



现在AI很流行，你可以让ChatGPT或者Claude帮你生成Markdown格式的大纲，然后直接用Markmap生成思维导图。比如：

> "请帮我生成一个学习Python的思维导图大纲，用Markdown格式"


![image.png](https://dl.playground.lazycat.cloud/guidelines/496/e8c998be-550a-4002-987d-d3f84a841d3d.png "image.png")

## 总结

Markmap特别适合那些喜欢用Markdown写东西的人。

唯一的缺点就是不能像传统思维导图软件那样随意调整布局，但是对于大多数使用场景来说，这个缺点可以忽略。