markdown使用说明与示例
一、标题
Markdown 标题有两种格式
1、使用 = 和 - 标记一级和二级标题
= 和 - 标记语法格式如下:
代码:1
2
3
4
5我展示的是一级标题
=================
我展示的是二级标题
-----------------
效果:
我展示的是一级标题
我展示的是二级标题
2、在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。
注:标准语法一般在#后跟个空格再写文字,貌似简书不加空格也行。
示例:1
2
3
4
5
6
7
8
9
10
11# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
二、字体
代码:1
2
3
4
5
6
7**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~
效果:
这是加粗的文字
这是倾斜的文字`
这是斜体加粗的文字
这是加删除线的文字
三、引用
在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>n个…
貌似可以一直加下去,但没神马卵用
代码:1
2
3>这是引用的内容
>>这是引用的内容
>>>这是引用的内容
效果:
这是引用的内容
这是引用的内容
这是引用的内容
四、分割线
三个或者三个以上的 - 或者 * 都可以。
代码:1
2
3
4---
----
***
*****
效果:
—-
五、图片
Markdown 图片语法格式如下:1
2
3![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")
图片alt就是显示在图片下面的文字,相当于对图片内容的解释。图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加
代码:1
![blog 图标](https://82488059.github.io/show.gif "blog show")
效果:
六、超链接
语法:
[超链接名](超链接地址"超链接title")title可加可不加
示例代码1(行内超链接):
1 | [简书](http://jianshu.com) |
效果:
示例代码2(参考超链接):
1 | I get 10 times more traffic from [Google][1] than from [Yahoo][2] or [MSN][3]. |
效果:
I get 10 times more traffic from Google than from Yahoo or MSN.
示例代码3(脚注):1
2
3这是一个链接到谷歌的[^脚注1]。
[^脚注1]: http://www.google.com
效果:
这是一个链接到谷歌的脚注1。
脚注1. http://www.google.com ↩
示例代码4 :
直接使用链接地址:1
<https://www.runoob.com>
效果:
七、列表
无序列表
语法:无序列表用 - + * 任何一种都可以
代码:1
2
3
4
5
6- 列表内容1
- A
- B
+ 列表内容2
- A
- B
效果:
- 列表内容
- A
- B
- 列表内容
- A
- B
有序列表
语法:数字加点
代码:1
2
3
4
5
6
71.列表内容
- 1.1
- 1.2
2.列表内容
- 2.1
- 2.2
效果:
1.列表内容
- 1.1
- 1.2
2.列表内容
- 2.1
- 2.2
注意:序号跟内容之间要有空格
八、表格
语法:1
2
3
4| 左对齐 | 右对齐 | 居中对齐 |
| :--| --: | :--: |
| a | b | c |
| a | b | c |
效果:
左对齐 | 右对齐 | 居中对齐 |
---|---|---|
a | b | c |
a | b | c |
九、代码
单行代码:代码之间分别用一个反引号包起来
代码:1
`代码内容`
效果:
代码内容
代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行1
2
3```
line1
line21
效果:
line1
line21
2
3
4
5
6
7
8
9
10
11
使用 4 个空格或者一个制表符(Tab 键)。
111
## Markdown 高级技巧
支持的 HTML 元素
不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有:`<kbd> <b> <i> <em> <sup> <sub> <br>`等 ,如:
使用 Ctrl+Alt+Del 重启电脑1
2
3
4
5
6
7效果:
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
转义字符:
代码:
文本加粗
** 正常显示星号 **1
2
3
4
5
6
7效果:
**文本加粗**
\*\* 正常显示星号 \*\*
## Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
\ 反斜线
` 反引号
- 加号
- 减号
. 英文句点
! 感叹号
```
流程图
http://kkpattern.github.io/2015/05/15/Embed-Chart-in-Jekyll.html