author: zx

• Edge （推荐）
• Chrome

Visual Studio Code 官网

点击Download

下载并安装

详细安装教程

这里我会全部都选上

1. 打开VS Code 点击左侧栏目的扩展或者按Ctrl Shift + X 打开扩展

搜索栏中搜索并安装

• ms-ceintl.vscode-language-pack-zh-hans 简体中文包
• yzhang.markdown-all-in-one Markdown拓展
• shd101wyy.markdown-preview-enhanced Markdown拓展
• gera2ld.markmap-vscode markdown转思维导图
• coenraads.bracket-pair-colorizer 括号彩色配对 （可选）
• oderwat.indent-rainbow 缩进彩色显示 （可选）

Typora 官网

下载并安装

详细指路菜鸟教程 简书Markdown语法大全(超级版) Markdown语法教程 , etc.

较全面使用markmap推荐掌握以下语法 至少掌握标题&段落

注意以下语法均使用英文符号！！！

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

一级标题
===

二级标题
---

Markdown 段落没有特殊的格式，直接编写文字就好，段落的换行是使用两个以上空格加上回车。

当然也可以在段落后面使用一个空行来表示重新开始一个段落。

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___
~~删除线文本~~
<u>下划线文本</u>

脚注 例如[^markdown]

[^markdown]: 一种标记语言

分割线

***

* * *

*****

- - -

----------

斜体文本 斜体文本 粗体文本 粗体文本 粗斜体文本 粗斜体文本 删除线文本 下划线文本

脚注 例如¹

Markdown 支持有序列表和无序列表。

无序列表使用星号*、加号+或是减号-作为列表标记，这些标记后面要添加一个空格，然后再填写内容：

* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项


- 第一项
- 第二项
- 第三项

显示结果如下：

有序列表使用数字并加上 .号来表示，如：

1. 第一项
2. 第二项
3. 第三项

显示结果如下：

链接使用方法如下：

[链接名称](链接地址)

或者

<链接地址>

例如：

这是一个链接 [菜鸟教程](https://www.runoob.com)

显示结果如下：

直接使用链接地址：

<https://www.runoob.com>

显示结果如下：

我们可以通过变量来设置一个链接，变量赋值在文档末尾进行：

这个链接用 1 作为网址变量 [Google][1]
这个链接用 runoob 作为网址变量 [Runoob][runoob]
然后在文档的结尾为变量赋值（网址）

  [1]: http://www.google.com/
  [runoob]: http://www.runoob.com/

显示结果如下：

参考Try markmap

# markmap

## Links

- <https://markmap.js.org/>
- [GitHub](https://github.com/gera2ld/markmap)

## Related

- [coc-markmap](https://github.com/gera2ld/coc-markmap)
- [gatsby-remark-markmap](https://github.com/gera2ld/gatsby-remark-markmap)

## Features

- links
- **inline** ~~text~~ *styles*
- multiline
  text
- `inline code`
-
	```js
        console.log('code block');
	```
- Katex - $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$

可以发现markmap还支持行内嵌入代码 、代码块、LaTeX公式

新建文件夹 或者 找一个已有的文件夹

右键点击通过Code打开

或者打开VS Code 标题栏-文件-打开文件夹

标题栏-查看-命令面板

搜索并点击Open as markmap

点击右下角Export即可输出html文件 可以用浏览器打开