Zachary_Lee

导航

Markdown入门指导

标题

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

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

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

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

你可以你的编辑器中尝试输入这六级标题,效果如下:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

列表

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

- 文本1
- 文本2
- 文本3

如果你希望有序列表,
也可以在文字前面加上1. 2. 3.就可以了,例如:

1. 文本1
2. 文本2
3. 文本3

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

效果如下:

无序列表

  • 文本1
  • 文本2
  • 文本3

有序列表

  1. 文本1
  2. 文本2
  3. 文本3

链接和图片

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

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

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

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

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

插入链接和图片的效果如下:

百度


超链接

使用 <> 包括的 URL 或邮箱地址会被自动转换为超链接:

<http://www.google.com/>
<123@email.com>

http://www.google.com/
123@email.com

该方式适合行内较短的链接,会使用 URL 作为链接文字。邮箱地址会自动编码,以逃避抓取机器人。


限制图片大小并居中

许多MarkDown编辑器中直接按原图大小显示图片,造成版面凌乱。如何让图片像简书中那样大小一致居中显示呢?使用该命令<img src="图片地址" width="图片显示宽度" height="显示高度" alt="图片名称"/>设置图片大小,再用<div align=center></div>命令包裹达到居中效果。

示例

文本:

<div align=center>
<img src="http://ww2.sinaimg.cn/bmiddle/88070423gw1ep30aw8an7g204d04gkgd.gif" width="400" height="400" alt="亦菲表演机器猫"/>
</div>

如果你使用的是Mou,那么还可以使用如下语法![名称](链接地址 =宽x高)

<div align=center>
![亦菲表演机器猫](http://ww2.sinaimg.cn/bmiddle/88070423gw1ep30aw8an7g204d04gkgd.gif =400x400)
</div>

效果:

亦菲表演机器猫

引用

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

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

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

最终显示的就是:

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


粗体和斜体

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

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

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

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


代码引用

需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 将语句包起来。
如果引用的语句为多行,可以将```置于这段代码的首行和末行。
代码引用的效果如下:

我是行代码

我是块代码
我是块代码
我是块代码

表格

相关代码:

| Tables        | Are           | Cool  |
| ------------- |---------------| ------|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

显示效果:

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

首行缩进

写文章时,我们常常希望能够首行缩进,这时可以在段首加入&ensp;来输入一个空格.加入&emsp;来输入两个空格。

示例:

文本:

&emsp;&emsp;一语未了,只听后院中有人笑声,说:“我来迟了,不曾迎接远客!"

效果:

  一语未了,只听后院中有人笑声,说:“我来迟了,不曾迎接远客!"


分隔符

---


参考原文:
http://www.jianshu.com/p/q81RER
http://www.jianshu.com/p/9d94660a96f1

posted on 2017-04-06 20:47  Zachary_Lee  阅读(205)  评论(0)    收藏  举报