MarkDown教程

ps: 本文源于《简书》。

Markdown 是一种「电子邮件」风格的「标记语言」。


Markdown 的优点如下:

1. 纯文本,所以兼容性极强,可以用所有文本编辑器打开。

2. 让你专注于文字而不是排版。

3. 格式转换方便,Markdown 的文本你可以轻松转换为 html、电子书等。

4. Markdown 的标记语法有极好的可读性。

当然,我们既然如此推崇 Markdown ,也必定会教会你使用 Markdown ,这也是本文的目的所在。不过,虽然Markdown 的语法已经足够简单,但是现有的 Markdown 语法说明更多的是写给 web 从业者看的,对于很多写作者来说,学习起来效率很低,现在,我们特地为写作者量身定做本指南,从写作者的实际需求出发,介绍写作者真正实用的常用格式,深入浅出、图文并茂地让您迅速掌握 Markdown 语法。


标题

这是最为常用的格式,在平时常用的的文本编辑器中大多是这样实现的:输入文本、选中文本、设置标题格式。

而在 Markdown 中,你只需要在文本前面加上#即可,同理、你还可以增加二级标题、三级标题、四级标题、五级标题和六级标题,总共六级,只需要增加#即可,标题字号相应降低。例如:

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

注:#和「一级标题」之间建议保留一个字符的空格,这是最标准的 Markdown 写法。

你可以你的编辑器中尝试输入这六级标题,可以参考下方的截图:

一级标题至六级标题

列表

列表格式也很常用,在 Markdown 中,你只需要在文字前面加上-就可以了,例如:

- 文本1

- 文本2

- 文本3

如果你希望有序列表,

也可以在文字前面加上1.2.3.就可以了,例如:

1. 文本1

2. 文本2

3. 文本3

注:-、1.和文本之间要保留一个字符的空格。

列表案例截图如下:

链接和图片

在 Markdown 中,插入链接不需要其他按钮,你只需要使用[显示文本](链接地址)这样的语法即可,例如:

[简书](http://www.jianshu.com)

在 Markdown 中,插入图片不需要其他按钮,你只需要使用![](图片链接地址)这样的语法即可,例如:

![](http://upload-images.jianshu.io/upload_images/259-0ad0d0bfc1c608b6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

注:插入图片的语法和链接的语法很像,只是前面多了一个!。

插入链接和图片的案例截图:

引用

在我们写作的时候经常需要引用他人的文字,这个时候引用这个格式就很有必要了,在 Markdown 中,你只需要在你希望引用的文字前面加上>就好了,例如:

> 一盏灯, 一片昏黄; 一简书, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。

注:>和文本之间要保留一个字符的空格。

最终显示的就是:

一盏灯, 一片昏黄; 一简书, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。

引用的案例截图:

粗体和斜体

Markdown 的粗体和斜体也非常简单,用两个*包含一段文本就是粗体的语法,用一个*包含一段文本就是斜体的语法。例如:

*一盏灯*, 一片昏黄;**一简书**, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。

最终显示的就是下文,其中「一盏灯」是斜体,「一简书」是粗体:

一盏灯, 一片昏黄;一简书, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。

粗体和斜体的案例截图:

代码引用

需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 将语句包起来。

如果引用的语句为多行,可以将```置于这段代码的首行和末行。

代码引用的案例截图:

表格

相关代码:

|     Tables      |    Are           |  Cool  |

|------------------|:---------------:|---------:|

|   col 3 is       |right-aligned | $1600 |

|   col 2 is       |centered      |  $12    | 

| zebra stripes |     are neat   |    $1   |

显示效果:

TablesAreCool

col 3 isright-aligned$1600

col 2 iscentered$12

zebra stripesare neat$1

相关代码:

dog |bird|cat

----|------|----

foo|foo|foo

bar|bar|bar

baz|baz|baz

显示效果:

dogbirdcat

foofoofoo

barbarbar

bazbazbaz

显示链接中带括号的图片

代码如下:

![][1][1]:http://latex.codecogs.com/gif.latex?\prod%20\(n_{i}\)+1

结语

以上几种格式是比较常用的格式,所以我们针对这些语法做了比较详细的说明。除这些之外,Markdown 还有其他语法,如想了解和学习更多,可以参考这篇『Markdown 语法说明』

强烈建议您现在就立马用 Markdown 写一篇文章吧,体会一下 Markdown 的优雅之处!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Cmd Markdown 简明语法手册 标签: Cmd-Markdown 1. 斜体和粗体 使用 * 和 ** 表...
    zjfclimin阅读 4,524评论 0 1
  • 1.标题 根据“#”设置标题级别,且# 和「一级标题」之间建议保留一个字符的空格,这是最标准的 Markdown ...
    Jason_Kang阅读 4,003评论 0 51
  • 当零点的钟声嘀嗒响起 泪滴从眼角划到嘴里 当哭泣不再是秘密 抽搐疼到心里 那 夜的微凉 浸入心底 是宝贝 在低...
    痞痞痞子先生阅读 1,652评论 0 3
  • 在80年代的时光里 她乘着船 从海上来 他撑着伞 在雨中等 好似这茫茫天地间 只余他一人
    由走阅读 1,085评论 0 1
  • 每个人都生活在自己的主观世界中。没有标准答案,是SFBT的一种重要方式,每个人都活在自己的主观当中。其实我...
    清雨_滋润心田阅读 1,225评论 0 0

友情链接更多精彩内容