标题

Markdown标题分为六级

# 标题1
## 标题2
### 标题3
#### 标题4
##### 标题5
###### 标题6

为了防止右侧索引变乱，这里就不放效果了。

注：我使用的主题kaze没有设定和h1的格式，需要在themes/kaze/source/css/_base/reset.styl里手动加一下，否则h1就会默认为正文字体大小
h1problem

段落

在Markdown中直接顶行写文本就会生成段落，各个段落之间以空行分隔。

Markdown里的段落前不能有过多空白字符，不然该行文本会被生成代码块。

字体样式

粗体

Markdown HTML 预览
**粗体** <strong>粗体</strong> 粗体
__粗体__ <strong>粗体</strong> 粗体

斜体

Markdown HTML 预览
*斜体* <em>斜体</em> 斜体
_斜体_ <em>斜体</em> 斜体

粗斜体

一般用***即可

Markdown HTML 预览
***粗斜体*** <strong><em>粗斜体</em></strong> 粗斜体
___粗斜体___ <strong><em>粗斜体</em></strong> 粗斜体
_**粗斜体**_ <strong><em>粗斜体</em></strong> 粗斜体
**_粗斜体_** <strong><em>粗斜体</em></strong> 粗斜体
__*粗斜体*__ <strong><em>粗斜体</em></strong> 粗斜体
_**粗斜体**_ <strong><em>粗斜体</em></strong> 粗斜体
**_粗斜体_** <strong><em>粗斜体</em></strong> 粗斜体
*__粗斜体__* <strong><em>粗斜体</em></strong> 粗斜体

删除线

Markdown HTML 预览
~~带删除线的文本~~ <s>带删除线的文本</s> 带删除线的文本

字体格式、颜色、大小

<font face="黑体" color=red size=5>黑体，红色，尺寸为5</font>

黑体，红色，尺寸为5

列表

有序列表

在文本前面添加数字加点加空格可以构成有序列表。最终生成的列表前面的序号和前面的数字没有绝对关系，总是从第一个数字开始依次增加。

1. 有序列表项 1
2. 有序列表项 2
2. 有序列表项 3

效果（可见与代码的数字序号没有绝对关系）

  1. 有序列表项 1
  2. 有序列表项 2
  3. 有序列表项 3

无序列表

无序列表可以在文本前面加上减号-、星号*、加号+实现。

- 无序列表项 1
- 无序列表项 2

效果

  • 无序列表项 1
  • 无序列表项 2

列表嵌套

有序列表、无序列表都可以嵌套。在列表项前面添加制表符可以把该行变成子列表

  1. 有序列表项 1
    1. 有序列表项 11
  2. 有序列表项 2
  • 无序列表项 1
    • 无序列表项 11
  • 无序列表项 2

任务列表

有序列表和无序列表都可以做为任务列表使用，任务列表会在每项前面添加一个复选框

**有序任务列表**
1. [x] 已选中的项目
2. [ ] 未选中的项目

**无序任务列表**
- [x] 已选中的项目
- [ ] 未选中的项目

效果
有序任务列表

  1. [x] 已选中的项目
  2. [ ] 未选中的项目

无序任务列表

  • [x] 已选中的项目
  • [ ] 未选中的项目

引用

Markdown可以使用大于号>和空格生成引用

> 这是一个引用段落

效果

这是一个引用段落

引用多个段落

引用可以包含多个段落，在空行前面也要加上小于号。

> 这是一个引用段落
>
> 这是另一个引用段落

会生成下面效果

这是一个引用段落

这是另一个引用段落

引用嵌套

在一个引用块里面还可以再引用其他段落。在段落的前面加多个小于号。

> 这是一个引用段落
>
>> 这是另一个引用段落

会生成下面效果

这是一个引用段落

这是另一个引用段落

引用其他元素

引用不只可以有段落，还可以存在列表、粗斜体等。

> 这是一个*引用* **段落**
> 
> 1. 有序列表项 1
> 1. 有序列表项 2
>
> - 无序列表项 1
> - 无序列表项 2

效果

这是一个引用 段落

  1. 有序列表项 1
  2. 有序列表项 2
  • 无序列表项 1
  • 无序列表项 2

代码块

行内代码

使用一对反引号`(~号同键位)来创建。如果在行内代码中需要包含反引号本身，可以使用两个反引号对加前后空格`` ` ``来创建。

围栏式代码块

将一段文本上下用三个反引号```包围，这些文本就会变成代码块。
Prism.js插件支持代码高亮，只需文本上方的```后加上编程语言对应的代码，如```cpp表示为该代码块中的C++代码添加高亮效果*

```cpp
#include<iostream>
using namespace std;
```

效果

#include<iostream>
using namespace std;

分隔线

一行只存在连续三个以上星号*、减号-或下划线_时会生成分隔线。

***

---

___

效果

在使用---分隔线时注意上下各留一行空行，不然可能会生成标题。

超链接

链接到网站

[SUIKASAN的个人博客](https://suikasan111.github.io/)

SUIKASAN的个人博客

无标签链接

<https://suikasan111.github.io/>

https://suikasan111.github.io/

图片

添加图片

![logo](../images/theme/logo.jpg)

logo

Emoji

在Markdown里使用Emoji有两种方法

  1. 直接输入Emoji表情
  2. 使用Emoji表情短码。Emoji表短码放入两个冒号之间，如:joy:😂

表格

在Markdown中可以使用表格，同时可以设置每列对齐的方式。

使用表格

表格使用竖线|区分每一列，在表格头和表格体之间使用至少三个减号-来做为分隔。
例如，下面的代码

|COL_1|COL_2|COL_3
|:---|:---:|---:|
|ROW_1,COL_1|ROW_1,COL_2|ROW_1,COL_3|
|ROW_2,COL_1|ROW_2,COL_2|ROW_2,COL_3|

会生成下面的效果

COL_1 COL_2 COL_3
ROW_1,COL_1 ROW_1,COL_2 ROW_1,COL_3
ROW_2,COL_1 ROW_2,COL_2 ROW_2,COL_3

设置表格对齐方式

下列代码，在第二行的每一列都添加了冒号:，左侧添加一个冒号表示该列左对齐，右侧添加一个冒号表示该列右对齐，左右各添加一个冒号表示该列居中对齐。

|COL_1|COL_2|COL_3
|:---|:---:|---:|
|左对齐|居中对齐|右对齐|

会产生下面效果

COL_1 COL_2 COL_3
左对齐 居中对齐 右对齐

公式

前后各使用一个$包围。

$a^2 = b^2 + c^2$

a2=b2+c2a^2 = b^2 + c^2

公式问题以及语法参考
hexo-renderer-markdown-it-plus
katex docs

注释

<!-- 注释内容 -->不显示
不显示