Markdown 样式测试

这篇文章起源于 这里 并用于测试 markdown 样式 这篇文章几乎包含了所有 markdown 用法 确保下面的所有 markdown 元素都正确显示


1
2
3
4
5
6
7
8
9
10
11
12
13
14
# H1
## H2
### H3
#### H4
##### H5
###### H6

或者,对于 H1 和 H2,下划线样式:

Alt-H1
======

Alt-H2
------

H1

H2

H3

H4

H5
H6

或者,对于 H1 和 H2,下划线样式:

Alt-H1

Alt-H2

强调

1
2
3
4
5
6
7
强调,又名斜体,带有 *星号*_强调_.

强烈强调,又名粗体,与 **星号**__强调__.

重点与 **星号 和 _强调_**.

删除线使用两个波浪号 ~~刮这个~~

强调,又名斜体,带有 星号强调.

强烈强调,又名粗体,与 星号强调.

重点与 星号 和 强调.

删除线使用两个波浪号 删除线

列表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
1. 第一个有序列表项
2. 其他项目
* 无序列表。
1. 实际数字并不重要,重要的是它是一个数字
1. 有序子列表
4. 还有一项

您可以在列表项中正确缩进段落 请注意上面的空白行和前导空格(至少一个,但我们将在此处使用三个来对齐原始 Markdown)

要使换行符不带段落,您需要使用两个尾随空格
请注意,此行是单独的,但在同一段落中
(这与典型的 GFM 换行行为相反,其中不需要尾随空格)

* 无序列表可以使用星号
- 或减号
+ 或加号
- 无序列表中的段落

例如,像这样

带有一些文本的常见段落
以及更多文本
  1. 第一个有序列表项
  2. 其他项目
  • 无序列表。
  1. 实际数字并不重要,重要的是它是一个数字

  2. 有序子列表

  3. 还有一项

    您可以在列表项中正确缩进段落 请注意上面的空白行和前导空格(至少一个,但我们将在此处使用三个来对齐原始 Markdown)

    要使换行符不带段落,您需要使用两个尾随空格
    请注意,此行是单独的,但在同一段落中
    (这与典型的 GFM 换行行为相反,其中不需要尾随空格)

  • 无序列表可以使用星号
  • 或减号
  • 或加号
  • 无序列表中的段落

    例如,像这样

带有一些文本的常见段落
以及更多文本

内联 HTML

1
<p>要重新启动计算机,请按 <kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>del</kbd></p>

要重新启动计算机,请按 ctrl+alt+del

1
2
3
4
5
6
7
<dl>
<dt>定义列表</dt>
<dd>是人们有时会使用的东西。</dd>

<dt>HTML 中的 Markdown</dt>
<dd>*效果*不是**很好**。使用 HTML <em>标签</em>。</dd>
</dl>
定义列表
是人们有时会使用的东西。
<dt>HTML 中的 Markdown</dt>
<dd>*效果*不是**很好**。使用 HTML <em>标签</em>。</dd>

链接

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
[我是一个内联样式链接](https://www.google.com)

[我是一个带有标题的内联样式链接](https://www.google.com "Google的主页")

[我是参考样式链接][任意不区分大小写的参考文本]

[我是仓库文件的相对引用](../blob/master/LICENSE)

[您可以使用数字来定义引用样式链接][1]

或者将其留空并使用 [链接文本本身]

一些文本,以显示参考链接稍后可以遵循

[任意不区分大小写的参考文本]: https://hexo.io
[1]: https://hexo.io/docs/
[链接文本本身]: https://hexo.io/api/

我是一个内联样式链接

我是一个带有标题的内联样式链接

我是参考样式链接

我是仓库文件的相对引用

您可以使用数字来定义引用样式链接

或者将其留空并使用 链接文本本身

一些文本,以显示参考链接稍后可以遵循

图像

1
2
3
4
5
6
7
8
9
10
将鼠标悬停以查看标题文本:

内联样式:

![替代文本](https://hexo.io/icon/favicon-196x196.png "徽标标题文本 1")

参考样式:
![替代文本][logo]

[徽标]: https://hexo.io/icon/favicon-196x196.png "徽标标题文本 2"

将鼠标悬停以查看标题文本:

内联样式:

替代文本

参考样式:
替代文本

代码和语法高亮显示

内联 代码单反引号

1
2
var s = "JavaScript syntax highlighting";
alert(s);
1
2
s = "Python syntax highlighting"
print s
1
2
未指示语言,因此没有语法高亮显示
但是,让我们加入一个<b>标签</b>。

1
2
3
4
5
|                |ASCII                          |HTML                         |
|----------------|-------------------------------|-----------------------------|
|单反引号 |`'这不是很好玩吗?'` |'这不是很好玩吗?' |
|引号 |`"这不是很好玩吗?"` |"这不是很好玩吗?" |
|破折号 |`-- 是en破折号, --- 是em破折号` |-- 是en破折号, --- 是em破折号|
ASCII HTML
单反引号 '这不是很好玩吗?' ‘这不是很好玩吗?’
引号 "这不是很好玩吗?" “这不是很好玩吗?”
破折号 -- 是en破折号, --- 是em破折号 – 是en破折号, — 是em破折号

冒号可用于对齐列

1
2
3
4
5
| 表         | 是     | 酷  |
| ---------- |:------:| ---:|
| 第三列是 | 右对齐 | |
| 第二列是 | 中心 | |
| 第一列是 | 整洁 | |
第三列是 右对齐
第二列是 中心
第一列是 整洁

外管|是可选的,你不需要让原始 Markdown 漂亮地排列 你也可以使用内联 Markdown

1
2
3
4
Markdown | 少 | 美
--- | --- | ---
*还* | `呈现` | **好**
1 | 2 | 3
Markdown
呈现
1 2 3

您可以找到有关 LaTeX 数学表达式的更多信息 这里.

块引用

块引用在电子邮件中非常方便,可以模拟回复文本。
这句话是同一句话的一部分。

引号分隔符

这是一行很长的行,当它包裹时仍然会被正确引用哦,boy,让我们继续写,以确保这足够长,可以真正包裹每个人哦,你可以 Markdown放入块引用中

水平标尺

三个或更多…

1
2
3
4
5
6
7
8
9
10
11
---

连字符

***

星号

___

强调

连字符


星号


强调

换行符

1
2
3
4
5
6
这里有一句话可以让我们开始

这一行与上面的一行由两个换行符分隔,因此它将是一个*单独的段落*

这一行也是一个单独的段落,但是
此行仅由一个换行符分隔,因此它是*同一段落*中的单独行

这里有一句话可以让我们开始

这一行与上面的一行由两个换行符分隔,因此它将是一个单独的段落

这一行也是一个单独的段落,但是
此行仅由一个换行符分隔,因此它是同一段落中的单独行


1
2
3
4
5
6
7
8
9
这是一个常规段落

<table>
<tr>
<td>Foo</td>
</tr>
</table>

这是另一个常规段落

这是一个常规段落

Foo

这是另一个常规段落

bilibili视频

1
2
3
4
5
6
7
8
9
10
11
% raw %
<div class="bilibili">
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=112922843939801&bvid=BV1saa9eYEhz&cid=500001641914691&p=1&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
</div>
% endraw %

纯 markdown 版本:

% bilibili 112922843939801 %
or
% bilibili 112922843939801 1 %

纯 markdown 版本:

or