Markdown官方网址作者John Grubertwitter(约翰·格鲁伯),是美国宾州一名作家、博主、UI设计师、计算机科学理学士。2002年,他撰写了自己的科技博客《Daring Fireball网址》,2004年创造了Markdown语言。以下是他对Markdown的描叙。
Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML).
Markdown是一种用于Web写作的文本到HTML的转换工具。它允许您使用易于阅读、易于编写的纯文本格式进行写作,然后将其转换为结构有效的XHTML(或HTML)。
所以,Markdown是一个插件,它使用简洁的标记代替复杂的排版,使你可以专注于文字写作。底层Markdown解析这些标记并将其转化为html
标签来展示效果。当然,Markdown也支持部分html
标签。
Markdown常用语法
下图是我整理的常用语法的思维导图,可以按这个顺序来阅读文章。废话不多说了开干,接下来可以打开简书的Markdown编辑器,或者点击这里使用菜鸟教程的在线编辑器一步一步操作。Markdown使用#
、*
、=
等标记时后面需要带一个空格,简书的编辑器貌似不带也可以。

以上思维导图xmind文件,可以到我的github下载
1. 标题
Markdown支持两种格式的标题。
1.1. 用#
标记,前置一个#
表示一级标题,两个#
表示二级标题,以此类推,最多六个
1.2. 用任意个=
(一级标题)或-
(二级标题)标记
效果如下:

2. 段落和分割线
Markdown支持多种格式的段落
2.1. 两个以上的空格加回车
2.2. 空行
2.3. Markdown分割线有三种方式,使用超过三个的*
, _
, -
标记

3. 字体和样式
3.1. Markdown支持三种字体,用*
号表示。一个星号包裹表示倾斜,两个星号表示加粗,三个星号表示倾斜加粗
3.2. Markdown支持删除线~~
和脚注[^]
,下划线可以用html标签<u>
标识

4. 列表
Markdwon列表有序列表和无序列表,都支持四个空格或tab缩进嵌套。
4.1. 有序列表用数字加点号表示1.
, 2.
,嵌套时数字会自动调整
4.2. 无序列表有三种格式表示,分别为*
, +
, -

5. 引用区块
Markdown使用>
标记引用区块,支持嵌套,使用>>
表示,以下样式是简书的效果。

6. 代码
代码片段使用反引号`标记。代码块使用三个反引号```标记,代码块支持定义语言。以下样式是简书的效果。

7. 链接和图片
1.1. 链接使用[链接名](链接地址)
,也可直接使用地址<链接地址>
1.2. 图片使用[图片上传失败...(image-18c97-1558182780586)]
,图片比链接前面多一个!
,也可使用[图片上传失败...(image-b07f85-1558182780586)]
加入可选标题,当鼠标指针放在图片上是展示

8. 表格
Markdown 使用|
分割单元格,使用-
分割表头,使用:
表示对齐方式,以下样式是简书的效果。

9. html标签
Markdown支持多个html
标签,这里列举上标<sup>
,下标<sub>

记忆总结
为了便于记忆,我总结了如下常用的标记,按常用排行:
#
控制标题级别
*
控制字体和分割线
>
控制引用
[]()
控制链接和图片
` 控制代码
|-
控制表格
\ 控制转义字符
网友评论