在源代码与效果的对照中学习 markdown 语法

下面是一个超级全面的 markdown 语法演示文件

可以将源代码与效果进行对照，以学习 md 语法

注：
本文使用了 # 等具有 md 语法意义的字符，导致目录结构是乱的，因此目录导航没有参考价值

源代码 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
# RUNOOB Markdown Test

***
## ***Hello World!***
### _Hello World!_
###### Hello World!



---



> ~~Hello World!~~  
> *Hello World!*  
> <u>Hello World!</u>  
> 这是<sub>下角标</sub>  
> 这是<sup>上角标</sup>



ctrl+shift+Q:生成以下这种quote的快捷键(其他快捷键:[自定义Typora快捷键(附带所有快捷键)](https://www.lincol29.cn/shortcutkeys))
> 1. Hello World!
>     * Hello World!
>     - Hello World!
>     + Hello World!
>     1. Hello World!
> > Hello World!
> > > Hello World!
2. Hello World!

    > Hello World![^RUNOOB]



Hello `World`!
```python
print('Hello World!')
这是一个链接 [菜鸟教程](https://www.runoob.com)
<https://www.runoob.com>  
__注：__

> 这个链接用 1 作为网址变量 [RUNOOB][1].  
> 然后在文档的结尾为变量赋（网址）
>
> [1]: https://static.jyshare.com/images/runoob-logo.png



![RUNOOB 图标](https://static.jyshare.com/images/runoob-logo.png)
![RUNOOB 图标](https://static.jyshare.com/images/runoob-logo.png "RUNOOB")



| 左对齐 | 右对齐 | 居中对齐 |
| :- | -: | :-: |
| 单元格 | *单元格（可改格式）* | 单元格 |
| 单元格 | 单元格 | 单元格 |



Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：
\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号



要会 Markdown 涵盖范围之内的标签
不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有：\<kbd> \<b> \<i> \<em> \<sup> \<sub> \<br>等 



Markdown Preview Enhanced 使用 KaTeX 或者 MathJax 来渲染数学表达式。

1
\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)




#### hello[^RUNOOB]脚注

[^RUNOOB]:脚注内容



- [ ] Write the press release
- [x] Update the website
- [x] Contact the media



:joy:使用emoji



mermaid语法画图

1
2
3
4
5
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;




<details>
<!-- 需要默认打开，则换用<details open> -->
<summary>折叠</summary>

| Rank | Languages |
|-----:|-----------|
|     1| JavaScript|
|     2| Python    |
|     3| SQL       |

</details>



<!-- 注释，不会输出 -->



对于紧贴的文本块，行末加2个空格  
可以换行

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43


效果 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


# RUNOOB Markdown Test

***
## ***Hello World!***
### _Hello World!_
###### Hello World!



---



> ~~Hello World!~~  
> *Hello World!*  
> <u>Hello World!</u>  
> 这是<sub>下角标</sub>  
> 这是<sup>上角标</sup>



ctrl+shift+Q:生成以下这种quote的快捷键(其他快捷键:[自定义Typora快捷键(附带所有快捷键)](https://www.lincol29.cn/shortcutkeys))
> 1. Hello World!
>     * Hello World!
>     - Hello World!
>     + Hello World!
>     1. Hello World!
> > Hello World!
> > > Hello World!
2. Hello World!
   
	> Hello World![^RUNOOB]



Hello `World`!
```python
print('Hello World!')

这是一个链接 菜鸟教程
https://www.runoob.com
注：

这个链接用 1 作为网址变量 RUNOOB.
然后在文档的结尾为变量赋（网址）

RUNOOB 图标
RUNOOB 图标

左对齐 右对齐 居中对齐
单元格 单元格（可改格式） 单元格
单元格 单元格 单元格

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：
\ 反斜线
` 反引号

  • 星号
    _ 下划线
    {} 花括号
    [] 方括号
    () 小括号

井字号

  • 加号
  • 减号
    . 英文句点
    ! 感叹号

要会 Markdown 涵盖范围之内的标签
不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有：<kbd> <b> <i> <em> <sup> <sub> <br>等

Markdown Preview Enhanced 使用 KaTeX 或者 MathJax 来渲染数学表达式。

1
\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)

hello^RUNOOB脚注

  • Write the press release
  • Update the website
  • Contact the media

:joy:使用emoji

mermaid语法画图

1
2
3
4
5
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
折叠
Rank Languages
1 JavaScript
2 Python
3 SQL

对于紧贴的文本块，行末加2个空格
可以换行