安装插件

在vscode中安装如图所示插件：
1

查看markdown书写效果：用vscode打开md文件，空白处右击鼠标，“命令面板”，输入“Markdown: Open Preview to the Side”，打开侧边预览。
在预览框中右击鼠标还提供了各种导出功能。

基础markdown参考菜鸟教程。

代码块

片段：单反引号

printf() 函数

区块：三反引号+语言

1
2
3
$(document).ready(function () {
    alert('RUNOOB');
});

多级标题

几个井号就是几级标题。

文字样式

下划线演示

文字加粗演示

文字斜体演示

文本高亮演示

文本删除线演示

5号字
黑体
蓝色

这里的背景色是：MistyRosen，此处输入任意想输入的内容
  1. 带 下划线 的文本
  2. 带 着重号 的文本
  3. 带 波浪线 的文本
  4. 带 删除线 的文本
  5. 键盘样式的文本 command + D
  6. 密码样式的文本：这里没有验证码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<u>下划线演示</u>

文字**加粗**演示

文字*斜体*演示

文本`高亮`演示

文本~~删除~~线演示

<font size = 5>5号字</font>
<font face="黑体">黑体</font>
<font color=blue>蓝色</font>

<table><tr><td bgcolor=MistyRose>这里的背景色是：MistyRosen，此处输入任意想输入的内容</td></tr></table>
1. 带 {% u 下划线 %} 的文本
2. 带 {% emp 着重号 %} 的文本
3. 带 {% wavy 波浪线 %} 的文本
4. 带 {% del 删除线 %} 的文本
5. 键盘样式的文本 {% kbd command %} + {% kbd D %}
6. 密码样式的文本：{% psw 这里没有验证码 %}

分割线

---或***

区块层次嵌套

区块引用
菜鸟教程
学的不仅是技术更是梦想
最外层

第一层嵌套

第二层嵌套

1
2
3
4
5
6
> 区块引用
> 菜鸟教程
> 学的不仅是技术更是梦想
> 最外层
> > 第一层嵌套
> > > 第二层嵌套

链接

这是一个链接 菜鸟教程

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

图片

丹尼尔

1
![丹尼尔](https://pic.imgdb.cn/item/66a881c3d9c307b7e9dba61a.jpg)

表格

表头 表头
单元格 单元格
单元格 单元格
左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

公式

$$
\Gamma(z)=\int_0^\infty t^{z-1}e^{-t}dt.
$$

1
2
3
$$
\Gamma(z)=\int_0^\infty t^{z-1}e^{-t}dt.
$$

动态标签

1
{% tip [参数，可选] %}文本内容{% endtip %}

文本内容

仅展示一种，更多种效果见 参考文章（后文也是）。

分栏

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs test1 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->

<!-- tab -->
**This is Tab 2.**
<!-- endtab -->

<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}

This is Tab 1.

This is Tab 2.

This is Tab 3.

折叠框

查看图片测试 

1
2
3
4
5
{% folding 查看图片测试 %}

![](https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg)

{% endfolding %}