一,标题

示例:

1
2
3
4
5
6
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

效果如下:
image

二,字体

加粗

要加粗的文字左右分别用两个*号包起来

斜体

要倾斜的文字左右分别用一个*号包起来

斜体加粗

要倾斜和加粗的文字左右分别用三个*号包起来

删除线

要加删除线的文字左右分别用两个~~号包起来

示例:

1
2
3
4
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下:

这是加粗的文字
这是倾斜的文字`
这是斜体加粗的文字
这是加删除线的文字

三,引用

示例:

1
2
3
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容

四,分割线

示例:

1
2
3
4
---
----
***
*****

效果如下:
可以看到,显示效果是一样的。





五,图片

示例:

1
![image](/img/md.jpg)

效果如下:

image

六,超链接

示例:

1
[百度](https://www.baidu.com)

效果如下:

百度

七,列表

无序列表

示例:

1
2
3
4
5
- 列表内容
+ 列表内容
* 列表内容

注意:- + * 跟内容之间都要有一个空格

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容

注意:- + * 跟内容之间都要有一个空格

有序列表

示例:

1
2
3
4
5
1. 列表内容
2. 列表内容
3. 列表内容

注意:序号跟内容之间要有空格

效果如下:

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套

示例:

1
2
3
- 一级无序列表
1.二级有序列表
2.二级有序列表

效果如下:

  • 一级无序列表
    1.二级有序列表
    2.二级有序列表

#八,表格
语法:

1
2
3
4
5
6
7
8
9
10
11
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

示例:

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

效果如下:

表头 表头 表头
A A A
A A A

九,代码

语法:

1
2
3
4
5
6
7
8
9
1.单行代码:代码之间分别用一个反引号包起来
`代码内容`

2.代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行
(```)
代码...
代码...
代码...
(```)

注意:加()是为了反编译。

示例:

单行代码

1
`#include <iostream>`

代码块

1
2
3
4
5
6
7
8
(```c++)
#include <iostream>
using namespace std;

int main () {
return 0;
}
(```)

效果如下:

单行代码

#include <iostream>

代码块

1
2
3
4
5
6
#include <iostream>
using namespace std;

int main () {
return 0;
}

十,流程图

先安装插件:

npm install --save hexo-filter-flowchart

示例:

1
2
3
4
5
6
7
8
9
10
11
12
(```)flow
st=>start: 开始节点
in=>inputoutput: 输入
e=>end: 结束节点
op=>operation: 操作节点
cond=>condition: 条件节点
sub=>subroutine: 子例程
out=>inputoutput: 输出
st(right)->in->op->cond
cond(yes,right)->out->e
cond(no)->sub
(```)

注意:加()是为了反编译。

效果如下:

相关语法介绍参考:Hexo 利用 Markdown 语法画 flowchart 流程图