mind map

plantuml

基本语法

OrgMode

实现：

@startmindmap
* root node
	** some first level node
	*** second level node
	*** another second level node
	** another first level node
@endmindmap

效果：

Markdown

实现：

@startmindmap
* root node
	* some first level node
		* second level node
		* another second level node
	* another first level node
@endmindmap

效果：

Multilines

Demo

@startmindmap
* root
	**:标题 
	文本里的换行
	结尾;
@endmindmap

使用: ; 包围多行文本

注意

必须在** - 层级符号后声明起始符号“:” ，否则语法错误

markmap

1. 安装

npm i -D markmap-lib markmap-toolbar markmap-view

2. 启用

theme.ts

import { hopeTheme } from "vuepress-theme-hope";

export default hopeTheme({
  markdown: {
    markmap: true,
  },
});

3. 使用

Demo

````markmap
# 一级标题
## 二级标题
- 子项目: 使用markdown 语法
- **粗体**, ~~删除线~~，*斜体*，==高亮==
- 跨行
  文本
- `inline code`
-
	```js
		console.log(`code block`);
	```
- 公式：$\vec{F}$
````

项目可以是代码块，但是如果包含了代码块，那么markmap 要使用 4个` 字符，否则markmap的` 会和项目代码块中的` 匹配导致呈现效果有问题