各级标题

【示例】： 

1
2
3
# 这是一级标题
## 这是二级标题
### 这是三级标题

【效果】：

这是一级标题

这是二级标题

这是三级标题

 

字体设置

斜体 加粗 删除线 下划线 上下标

【示例】： 

1
2
3
4
5
6
7
*这是倾斜的文字*
**这是加粗的文字**
***这是斜体加粗的文字***
~~这是加删除线的文字~~
<u>带下划线文本（html语法）</u>
a<sup>n</sup>
A<sub>i</sub>

【效果】：

这是倾斜的文字
这是加粗的文字
这是斜体加粗的文字
这是加删除线的文字
带下划线文本（html语法）

an
Ai

字体 字号 颜色（html语法）

【示例】： 

1
2
3
4
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#ff0000 size=3 face="黑体">黑体+红色+字号3</font>
<font color=gray size=5>gray灰色</font>

【效果】：

我是微软雅黑
我是华文彩云
黑体+红色+字号3
gray灰色

对齐 居中（html语法）

【示例】： 

1
2
3
<p align="left">我是左对齐文字</p>
<p align="right">我是右对齐文字</p>
<center>我是居中文字</center>

【效果】：

我是左对齐文字

我是右对齐文字

我是居中文字

 

超链接

【示例】： 

1
2
3
[我的GitHub地址](https://github.com/xxpcb)
或
<https://github.com/xxpcb>

【效果】：

我的GitHub地址
或
https://github.com/xxpcb

 

图片

基本用法

【示例】： 

1
2
3
![Alt text](/path/to/img.jpg "Optional title")
如：
![Mardown测试图片](https://xxpcb.github.io/images/header.jpg "Hello")

注：
Alt text：显示在图片下面的文字，相当于对图片内容的解释。
Optional title：当鼠标移到图片上时显示的内容，可加可不加。

【效果】：

Mardown测试图片

调整大小位置（html语法）

【示例】： 

1
<div align="left"> <img src = "https://xxpcb.github.io/images/header.jpg" width = '100' height ='100' alt="Mardown测试图片" /></div>

【效果】：
注：貌似当前博客主题不太支持图片对齐方式。。。

Mardown测试图片

 

代码

【示例】： 

1
2
3
4
5
6
7
8
`main()` 函数

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

注：3个反引号两侧的括号是多余的！！！（当前博客中由于用到了代码结构嵌套，不加括号会显示混乱）

【效果】：

main() 函数

1
2
3
4
int main(void)
{
    return 0;
}

 

列表

无序列表

【示例】： 

1
2
3
- 列表内容a
+ 列表内容b
* 列表内容c

注：三种方式均可，注意- + * 跟内容之间都要有一个空格

【效果】：

  • 列表内容a
  • 列表内容b
  • 列表内容c

有序列表

【示例】： 

1
2
3
1. 列表内容a
2. 列表内容b
3. 列表内容c

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

【效果】：

  1. 列表内容a
  2. 列表内容b
  3. 列表内容c

列表嵌套

【示例】： 

1
2
3
4
5
6
7
- 一级有序列表内容
   - 二级无序列表内容
   - 二级无序列表内容

1. 一级有序列表内容
   - 二级无序列表内容
      - 三级无序列表内容

【效果】：

  • 一级有序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  1. 一级有序列表内容
    • 二级无序列表内容
      • 三级无序列表内容

 

区块引用

【示例】： 

1
2
3
>这是内容1
>>这是嵌套内容2
> - 区块引用中的列表

【效果】：

这是内容1

这是嵌套内容2

  • 区块引用中的列表

 

分割线

【示例】： 

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

注：三个或者三个以上的-或者 *都可以

【效果】：

 

表格

【示例】： 

1
2
3
4
| 左对齐 | 右对齐 | 居中对齐 |
| :----- | -----: | :------: |
| 单元格 | 单元格 |  单元格  |
| 单元格 | 单元格 |  单元格  |

注：
| ：分隔不同的单元格
- ：分隔表头和其他行
-:： 设置内容和标题栏居右对齐
:- ：设置内容和标题栏居左对齐
:-:： 设置内容和标题栏居中对齐

【效果】：

注：貌似当前博客主题不太支持表格对齐方式。。。

左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

 

脚注

【示例】： 

1
2
这是脚注示例[^1]
[^1]:撰写时间20190815

【效果】：

注：貌似当前博客主题不太支持脚注。。。

这是脚注示例^1

特殊转义显示

【示例】： 

1
2
3
4
5
<code>Ctrl + &#96;</code>

<kbd>Ctrl</kbd><kbd>`</kbd>

``Ctrl + ` ``

注：摘自[markdown如何在 内转义 ` 符号？](https://segmentfault.com/q/1010000010302143)

【效果】：

Ctrl + `

Ctrl`

Ctrl + `