1 标题

1.1 使用<kbd>=</kbd>和<kbd>-</kbd>标记一级和二级标题

=和-标记语法格式如下：

一级标题    
=============
二级标题
-------------

1.2 使用#标记

使用<kbd>#</kbd>可标记1-6级标题，一级标题对应<kbd>#</kbd>,二级标题对应<kbd>##</kbd>，以此类推

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

2 段落

Markdown段落没有特殊的格式，段落的换行是使用两个以上空格加回车，也可以使用空行。

2.1 字体

Markdown可以使用以下几种字体

*斜体*
**粗体**
***粗斜体***
_斜体_
__粗体__
___粗斜体___

2.2 分隔线

三个以上<kbd>*</kbd>,<kbd>-</kbd>,<kbd>_</kbd>建立分隔线，行内不能有东西，<kbd>*</kbd>或<kbd>-</kbd>中间可以插入空格

***
---
___
* * *
- - -

2.3 删除线

在要添加删除线的文本两端加入两个波浪线<kbd>~~</kbd>

~~删除文本~~

2.4 下划线

再要添加下划线的文本两端加入两个htlm的<kbd><u></kbd>

<u>带下划线的文本<u>

2.5 脚注

脚注为对文本的补充说明，语法格式如下:

脚注前的文本[^var]  

[^var]: 注明的内容

脚注前的文本^[1]

3 列表

3.1 无序表

无序表使用<kbd>*</kbd>,<kbd>+</kbd>,<kbd>-</kbd>作为列表标记，这些标记后要加一个空格：

* 第一项
* 第二项
* 第三项
+ 第一项
+ 第二项
+ 第三项
- 第一项
- 第二项
- 第三项

显示结果：

• 第一项
• 第二项
• 第三项

• 第一项
• 第二项
• 第三项

• 第一项
• 第二项
• 第三项

3.2 有序表

有序表使用数字并加上<kbd>.</kbd>作为列表标记，标记后要加一个空格：

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

显示结果：

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

3.3 列表嵌套

列表嵌套只需在子列表前添加<kbd>Tab</kbd>或者2(或4)个空格：

* 第一项
  * 第一项嵌套的第一个元素
  * 第一项嵌套的第二个元素
* 第二项
  * 第二项嵌套的第一个元素
    * 第二项二层嵌套的第一个元素

显示结果：

• 第一项
  • 第一项嵌套的第一个元素
  • 第一项嵌套的第二个元素
• 第二项
  • 第二项嵌套的第一个元素
    • 第二项二层嵌套的第一个元素

4 区块

区块的使用是在段落开头是用<kbd>></kbd>加一个空格：

> 等风来
> 追风去

显示结果：

等风来
追风去

区块是可以嵌套的，<kbd>></kbd>表示最外层，<kbd>>></kbd>表示第一层嵌套，以此类推：

> 最外层
>> 第一层嵌套
>>> 第二层嵌套

显示结果：

最外层

第一层嵌套

第二层嵌套

4.1 区块中使用列表

实例：

> 区块中使用列表    
> 1. 第一项
> 2. 第二项
>> * 元素一
>> * 元素二

显示结果：

区块中使用列表

1. 第一项
2. 第二项

• 元素一
• 元素二

列表中使用区块

在列表中放入区块，需要在<kbd>></kbd>前添加四个空格缩进：

* 第一项
    > 元素一    
    > 元素二    
* 第二项
    > 元素三
    >> 元素四

显示结果：

• 第一项

  元素一
  元素二

• 第二项

  元素三

  元素四

5 代码

5.1 代码片段

如果是段落中的一个函数或片段的代码可以添加左右两个反引号(<kbd>`</kbd>)：

`printf()`函数

显示结果：
print()函数

5.2 代码区块

• 使用四个空格或者一个制表符(<kbd>Tab</kbd>)

    //不能指定语言
    typedef struct node
    {
        ElemType data;       //数据元素
        struct node *lchild; //指向左孩子
        struct node *rchild; //指向右孩子
    } BTNode;
  

• 使用<kbd>```</kbd>包裹代码段，并可以指定一种语言

  //指定c
   typedef struct node
   {
       ElemType data;       //数据元素
       struct node *lchild; //指向左孩子
       struct node *rchild; //指向右孩子
   } BTNode;
  

6 链接

• [连接名称] (链接地址) //中间去掉空格

    [zd_blog](https://zdblog.top/)
  

  zd_blog

• <链接地址>

    <https://zdblog.top/>
  

  https://zdblog.top/

• 设置变量

    [zd_blog][1]
    ···
    [1]: https://zdblog.top/
  

  zd_blog

7 图片

• 插入本地图片：
  本博客采用Gridea + github pages部署，本地图片会同步至GitHub库中(加载速度较慢)

    [图片上传失败...(image-c7def9-1610985291403)]
  

  显示结果：

  
  wallhaven-vgl5qp.jpg

• 插入网络图片：

    ![art text](https://img.haomeiwen.com/i22742756/e0005210ebbe4867.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  

  显示结果：
  

  moji

• 图片存入<kbd>.md</kbd>文件
  使用base64转码工具将图片转成一段字符串(字符串过长，造成Markdown编辑器卡顿，实测Vscode)

    [图片上传失败...(image-28be63-1610985291403)]
    
    // or
    ![art text][base64str]
    ...
    [base64str]: data:img/jpg;base64,/9j/4SOVRXh...
  

• 采取方案-图床
  综合各种插入图片方式，采取图床的方案，这里选用https://sm.ms
  上传后界面：
  

  上传示例
  可直接复制HTML或Markdown

    // HTML
   <a href="https://sm.ms/image/RgdkyBlwOJirVW4" target="_blank"><img src="https://i.loli.net/2021/01/17/RgdkyBlwOJirVW4.jpg" alt="wallhaven-vgl5qp.jpg"></a>
  
    // Markdown
    ![wallhaven-vgl5qp.jpg](https://img.haomeiwen.com/i22742756/fb87b153b5ef9640.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  

  显示结果：
  // HTML
  <a href="https://sm.ms/image/RgdkyBlwOJirVW4" target="_blank"><img src="https://i.loli.net/2021/01/17/RgdkyBlwOJirVW4.jpg" alt="wallhaven-vgl5qp.jpg"></a>

  // Markdown

  
  wallhaven-vgl5qp.jpg

8 表格

Markdown制作表格使用<kbd>|</kbd>来分隔不同的单元格，使用<kbd>-</kbd>来分隔表头和其他行，使用<kbd>:-</kbd>,<kbd>-:</kbd>,<kbd>:-:</kbd>来实现左对齐，右对齐，居中对齐：

|表头|表头|表头|
|:-|-:|:-:|
|单元格|单元格|单元格|
|单元格|单元格|单元格|

显示结果：

表头	表头	表头
单元格	单元格	单元格
单元格	单元格	单元格

---

1. 注明的内容 ↩