MarkDown在VSCode中的语法

发表于 | 分类于 ， 
Markdown，VSCode，Hexo博客

生成目录

生成目录示例：

1
2
3
4
5
6
7
[第一章 网络](#第一章-网络)
· [2019.6.1](#201961)

# 第一章 网络
xxxxxx
## 2019.6.1
xxxxx

效果：
在这里插入图片描述

表格

使用示例：

1
2
3
4
表头1|	表头2| 
:---:|:---:|
1|	2|
3|	4|

注：表格与前面的语句必须间隔一行。
效果：

表头1 表头2
1 2
3 4

上下文高亮和着色

着色：(HTML5语法)

1
2
<font color = #F9000> 红色 </font>
<font color = green> 绿色 </font>

红色
绿色

高光：<mark>高光</mark>
高光

分隔符

效果：

代码：

1
---

代码块折叠

源码：

1
2
3
<details><summary>CLICK ME</summary>
<pre><code>Hello world!
</code></pre></details>

说明：
details：折叠语法标签
summary：折叠语法展示的摘要
pre：以原有格式显示元素内的文字是已经格式化的文本
code：指定代码块

例子：
如果将if语句包含在一个不小于5次的循环中

结果：

Thread-1正在出售第5张票
Thread-3正在出售第5张票
Thread-3正在出售第4张票
Thread-3正在出售第3张票
Thread-3正在出售第2张票
Thread-3正在出售第1张票

例子源码：

1
2
3
4
5
6
7
8
9
如果将if语句包含在一个不小于5次的循环中<details><summary>结果：</summary>
<pre><code>Thread-1正在出售第5张票
Thread-3正在出售第5张票
Thread-3正在出售第4张票
Thread-3正在出售第3张票
Thread-3正在出售第2张票
Thread-3正在出售第1张票
</code></pre>
</details>

图片居中和大小设置

例子：

例子代码：

1
<img src="https://img-blog.csdnimg.cn/20210124225558835.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzQ4MjI3OQ==,size_16,color_FFFFFF,t_70" width=80% height=80% align=center>