Markdown语法整理

Markdown 常用语法

一、粗体和斜体

代码:

1
2
3
4
*斜体* _斜体_
**粗体**
***加粗斜体***
~~删除线~~

显示效果

  • 这是斜体xyz 这也是斜体xyz
  • 这是粗体xyz
  • 这是加粗斜体xyz
  • 这是删除线

二、分级标题

第一种写法

代码:

1
2
3
4
5
这是一个一级标题
==========================
这是一个二级标题
------------------------

第二种写法
代码:

1
2
3
4
5
# 一级标题
## 二级标题
### 三级标题
......
###### 六级标题

ps: 由于用了[TOC]标记编辑器会把所有标题写到目录大纲中,在这里写的演示标题也会列进去,所以就不演示了。一级标题字号最大,依级递减。

三、超链接

Markdown 支持两种形式的链接语法: 行内式和参考式两种形式,行内式一般使用的比较多

3.1行内式

语法说明

  • []里面写链接的文字, ()里面写链接的地址, ()中的”” 中可以写链接指定的title 属性,title可加可不加. title属性的 效果是鼠标悬停在链接上会出现指定的title文字, 链接文字 这样的形式.
  • 链接地址与链接标题之间有一个空格.

代码:

1
2
欢迎来到[我的博客](https://edwordhao.github.io)
欢迎来到[我的博客](https://edwordhao.github.io "我的个人博客")

显示效果

欢迎来到我的博客
欢迎来到我的博客

3.2参考式

参考式超链接一般用在学术论文上面,或者另一种情况,如果某一个链接在文章中多处使用,那么使用引用 的方式创建链接将非常好,它可以让你对链接进行统一的管理。

语法说明

参考式链接分为两部分,文中的写法 [链接文字][链接标记],在文本的任意位置添加[链接标记]:链接地址 “链接标题”,链接地址与链接标题前有一个空格。

如果链接文字本身可以做为链接标记,你也可以写成[链接文字][]
[链接文字]:链接地址的形式,见代码的最后一行。

代码:

1
2
3
4
5
6
我经常去的几个网站[mozilla][1]、[github][2]以及[自己的博客][3]
[mozilla][1]是一个查阅前端资料很不错的[网站][]。
[1]:https://developer.mozilla.org/en-US/
[2]:https://github.com/ "github"
[3]:https://edwordhao.github.io/ "梵居闹市"
[网站]:https://developer.mozilla.org/en-US/

显示效果:
我经常去的几个网站mozillagithub以及自己的博客
mozilla是一个查阅前端资料很不错的网站

3.3自动连接

语法说明:
Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用<>包起来, Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样,例如:

代码:

1
2
<http://mail.163.com/>
<chaser_hh@163.com>

显示效果
http://mail.163.com/
chaser_hh@163.com

四、列表

4.1无序列表

使用 *,+,- 表示无序列表。

代码:

1
2
3
- 无序列表项 一
- 无序列表项 二
- 无序列表项 三

显示效果:

  • 无序列表项 一
  • 无序列表项 二
  • 无序列表项 三

4.2有序列表

有序列表则使用数字接着一个英文句点。

代码:

1
2
3
1. 有序列表项 一
2. 有序列表项 二
3. 有序列表项 三

显示效果

  1. 有序列表项 一
  2. 有序列表项 二
  3. 有序列表项 三

4.3包含引用的列表

语法说明:
如果要在列表项目内放进引用,那 > 就需要缩进:

代码:

1
2
3
4
* 把大象放进冰箱的方法:
> 打开冰箱门。
> 把大象放进去。
> 关上冰箱门

显示效果:

  • 把大象放进冰箱的方法:

    打开冰箱门。
    把大象放进去。
    关上冰箱门

五、引用

语法说明:
引用需要在被引用的文本前加上>符号。

代码:

1
2
3
> 这是一个有两段文字的引用,
> 无意义的占行文字1.
> 无意义的占行文字2.

显示效果:

这是一个有两段文字的引用,
无意义的占行文字1.
无意义的占行文字2.

Markdown 也允许你偷懒只在整个段落的第一行最前面加上 > :

代码:

1
2
3
4
5
6
> 这是一个有两段文字的引用,
无意义的占行文字1.
无意义的占行文字2.
> 无意义的占行文字3.
无意义的占行文字4.

显示效果:

这是一个有两段文字的引用,
无意义的占行文字1.
无意义的占行文字2.

无意义的占行文字3.
无意义的占行文字4.

六、插入图像

图片的创建方式与超链接相似,而且和超链接一样也有两种写法,行内式和参考式写法。

语法中图片Alt的意思是如果图片因为某些原因不能显示,就用定义的图片Alt文字来代替图片。 图片Title则和链接中的Title一样,表示鼠标悬停与图片上时出现的文字。 Alt 和 Title 都不是必须的,可以省略,但建议写上。

6.1 行内式

代码:

1
2
美丽花儿:
![美丽花儿](http://ww2.sinaimg.cn/large/56d258bdjw1eugeubg8ujj21kw16odn6.jpg "美丽花儿")

显示效果:

美丽花儿:
美丽花儿

6.2参考式

代码:

1
2
3
美丽花儿:
![美丽花儿][flower]
[flower]:http://ww2.sinaimg.cn/large/56d258bdjw1eugeubg8ujj21kw16odn6.jpg "美丽花儿"

显示效果:
美丽花儿:
美丽花儿

七、表格

语法说明

  1. 不管是哪种方式,第一行为表头,第二行分隔表头和主体部分,第三行开始每一行为一个表格行。
  2. 列于列之间用管道符|隔开。原生方式的表格每一行的两边也要有管道符。
  3. 第二行还可以为不同的列指定对齐方向。默认为左对齐,在—-右边加上:就右对齐。在—-两边都加上: 则为居中对齐

代码:

简单方式写表格

1
2
3
4
姓名|年龄|性别
---|---:|:---:
张山|18|男
小红|16|女

原生方式写表格

1
2
3
4
|姓名|年龄|性别|
|---|---|---|
|张山|18|男|
|小红|16|女|

显示效果:
简单方式写表格

姓名 年龄 性别
张山 18
小红 16

原生方式写表格

姓名 年龄 性别
张山 18
小红 16

八、LaTex公式

  • 因在这个里面演示代码总出现问题.所以,下面附上一个链接

注: 公式详解见Cmd Markdown 编辑阅读器