Markdown 渲染测试

 2024-12-24 /  Steve ZMT

Markdown Test

基于 MarkdownIt 解析引擎和 GitHub Flavored Markdown 语法规范。

这是一个段落。（强制换行）  
这是一个段落。

这是一个段落。（强制换行）
这是一个段落。

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

一级标题

二级标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

> 区块引用
> > 嵌套引用

区块引用

嵌套引用

* 第一项
  + 第一项
  + 第二项
  + 第三项
* 第二项
  - 第一项
  - 第二项
  - 第三项
* 第三项
  1. 第一项
  3. 第二项
  2. 第三项

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

---------
*********
_________


    void main()
    {
        printf("Hello, Markdown.");
    }

void main()
{
    printf("Hello, Markdown.");
}

```c
void main()
{
    printf("Hello, Markdown.");
}
```

void main()
{
    printf("Hello, Markdown.");
}

|    1    |    2    |    3    |
| :------ | :-----: | ------: |
|  aaaaa  |  bbbbb  |  ccccc  |
|  *ABC*  |  *123*  |  *abc*  |

1	2	3
aaaaa	bbbbb	ccccc
ABC	123	abc

- [ ] 任务 A
- [x] 任务 B
  - [x] 任务 1
  - [x] 任务 2
  - [x] 任务 3
- [ ] 任务 C

任务 A
任务 B
- 任务 1
- 任务 2
- 任务 3
任务 C

Definition
: 这是一个定义。

Definition: 这是一个定义。

<https://www.baidu.com/>
[链接](https://www.baidu.com/ "Baidu")
[链接][link]
![图片](https://www.baidu.com/img/bd_logo1.png "Baidu")
![图片][image]{ .fancybox .center-block }
[锚点](#anchor "Anchor")
[锚点][anchor]

[link]: https://www.baidu.com/ "Baidu"
[image]: https://www.baidu.com/img/bd_logo1.png "Baidu"
[anchor]: #anchor "Anchor"
锚点{ #anchor name=anchor }

https://www.baidu.com/
链接
 链接

{ .fancybox .center-block }
锚点
 锚点

锚点{ #anchor name=anchor }

这是一个脚注[^1]。

[^1]: https://www.baidu.com/

这是一个脚注^1。

这是一个缩写（HTML）。

*[HTML]: Hyper Text Markup Language

这是一个缩写（HTML）。

*[HTML]: Hyper Text Markup Language

H^2^，H~2~
*斜体*，_斜体_
**粗体**，__粗体__
***粗斜体***，___粗斜体___
~~删除~~，++插入++，==标记==
`printf("Hello, Markdown.");`

H^2^，H2
斜体，斜体
粗体，粗体
粗斜体，粗斜体
删除，++插入++，==标记==
printf("Hello, Markdown.");

\\，\`，\*，\_，\{\}，\[\]，\(\)，\#，\+，\-，\.，\!

\，`，*，_，{}，[]，()，#，+，-，.，!

&，<，&copy;，:smile:，$E=mc^2$

&，<，©，:smile:，$E=mc^2$

$$\begin{cases}
a_1x+b_1y+c_1z=d_1\\
a_2x+b_2y+c_2z=d_2\\
a_3x+b_3y+c_3z=d_3
\end{cases}$$

$$\begin{cases}
a_1x+b_1y+c_1z=d_1\
a_2x+b_2y+c_2z=d_2\
a_3x+b_3y+c_3z=d_3
\end{cases}$$

```puml
@startuml
A -> B: Hello
@enduml
```

1
2
3

@startuml
A -> B: Hello
@enduml

{% blockquote David Levithan, Wide Awake %}
Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.
{% endblockquote %}
{% blockquote Seth Godin https://sethgodin.typepad.com/seths_blog/2009/07/welcome-to-island-marketing.html Welcome to Island Marketing %}
Every interaction is both precious and an opportunity to delight.
{% endblockquote %}

Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.

David LevithanWide Awake

Every interaction is both precious and an opportunity to delight.

Seth GodinWelcome to Island Marketing

{% codeblock _.compact lang:javascript https://underscorejs.org/#compact Underscore.js %}
_.compact([0, 1, false, 2, '', 3]);
=> [1, 2, 3]
{% endcodeblock %}

_.compactUnderscore.js