MarkdownTest

Markdown 基础语法与测试

本篇内容参考了博客文章Markdown基本语法-高鸿祥,首先进行感谢。

1.标题

文字前加 # 设置标题

1
2
3
4
5
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### ……

显示效果如下:

一级标题

二级标题

三级标题

四级标题

……

2.格式

文字两边加 * \ _ \ ~ 设置格式

1
2
3
4
5
6
7
*斜体*   
_斜体_
**加粗**
__加粗__
***斜体加粗***
___斜体加粗___
~~删除线~~

显示效果如下:
斜体
斜体
加粗
加粗
斜体加粗
斜体加粗
删除线

3.引用

引用文字前加 >,可嵌套

1
2
3
>引用
>>引用
>>>引用

显示效果如下:

引用

引用

引用

4.分割线

三个及以上 - 或 *

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

显示效果如下:




5.图片

语法:

1
2
3
4
![alt](url "title")
alt: 图片标签
url: 图片地址,可为超链接或相对路径
title: 图标标题,鼠标指向时显示

示例:

1
![QB.png](https://i.loli.net/2020/03/17/OWtxXFTC7SHUbyV.png "QB")

显示效果如下:
QB.png

注: Markdown 不能指定图片高度与宽度,可使用 HTML 语言的 img 标签

1
<img src="https://i.loli.net/2020/03/17/OWtxXFTC7SHUbyV.png" width="50%">

显示效果如下:

6.超链接

语法:

1
2
3
4
[content](url "title")
content: 超链接显示文字
url: 超链接
title: (可选)

示例:

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

显示效果如下:
百度

注: Markdown 语法不支持新页面打开超链接,可使用 HTML 语言的 a 标签代替

1
<a href="url" target="_blank">content</a>

例如: 百度

7.列表

无序列表

文字前添加 -, + 或 * 表示

1
2
3
- 列表
+ 列表
* 列表

显示效果如下:

  • 列表
  • 列表
  • 列表

有序列表

文字前添加序号 1.

1
2
3
4
1. 列表
2. 列表
3. 列表
注: 序号与内容之间须有空格

显示效果如下:

  1. 列表
  2. 列表
  3. 列表

列表嵌套

上一级与下一级之间加三个空格

1
2
3
4
1. 一级列表  
- 二级列表
2. 一级列表
* 二级列表

显示效果如下:

  1. 一级列表
    • 二级列表
  2. 一级列表
    • 二级列表

8.表格

语法:

1
2
3
4
5
6
7
8
9
title|title|title
---|:-:|---:
content|content|content
content|content|content

第二行分割表头与内容,并设置内容格式
- 占位,可多个
内容文字默认居左,:-: 文字居中,--: 文字居右
注: 原生语法两端都有|,可省略

示例:

1
2
3
4
name | age | grade
---- | :-: | ---:
John | 12 | 7
Mike | 10 | 5

显示效果如下:

name age grade
John 12 7
Mike 10 5

9.代码

单行代码以反引号 ` ` 包含

1
`code;`

代码块以三个反引号 ``` 上下包含

1
2
3
4
5
```
function(){
return 0;
};
```

显示效果如下:
code;

1
2
3
function(){
return 0;
};

也可使用在开头制表符(TAB)或四个空格

function()
{
    return 0;
}

  • 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!
  • © 2020 canglan
  • Powered by Hexo Theme Ayer
  • PV: UV:

请我喝杯咖啡吧~