markdown 图片居中_一看就懂的Markdown入门语法笔记（整理自Markdown cheat sheet）

前言

最近在重新学习Markdown语法，打算用在笔记和博客中。在网上找到了一篇很不错的英文Markdown入门教程，从标题、强调到代码高亮和图片超链接等方方面面的常用语法都覆盖到了。现在将它整理成中文分享出来，文后提供了原教程链接。

---

一、标题

一级标题

# 一级标题

二级标题

## 二级标题

三级标题

### 三级标题

单行分割线二级标题

单行分割线二级标题

---

双行分割线一级标题

双行分割线一级标题

===

---

二、强调

知乎编辑器不支持md样式的删除线，所以在此使用了图片，源代码：~~删除线~~

斜体 或 斜体：_斜体_ 或 *斜体*

加粗 或 加粗：__加粗__ 或 **加粗**

---

三、列表

• 对于如下这个Markdown列表样式：

知乎不支持子列表的缩进，图为Typora编辑器中的列表实际渲染效果

• 其源代码如下：

1. 有序列表
2. 另一行有序列表
    - 另一行子列表 （减号）
    * 无序号子列表 （星号）
    + 第三种子列表的写法 （加号）

---

四、链接

1. 内联超链接：

• 方括号里是超链接文字 [文字] ，紧跟着的圆括号里是URL (URL)
• 这是一个内联超链接
• 源代码：

[这是一个内联超链接](http://www.google.com)

2. 引用超链接

2.1. 前一对方括号内是文字显示内容，后一对方括号表示引用的URL，例如 [文字][URL]。同时在段落底部建立绑定 [URL]: xxx，名字要与第二对方括号里的内容相同

• 这是一个[文字][URL]式的引用超链接
• 源代码：

[这是一个[文字][URL]式的引用超链接][URL_2]
[URL_2]: http://www.google.com

2.2. 用数字标号同样可以绑定URL，例如 [1]: xxx

• 这是一个用数字标号绑定URL的超链接
• 源代码：

[这是一个用数字标号绑定URL的超链接][1]
[1]: http://www.qq.com

2.3. 可以只用一对方括号，展示URL文字内容 [文字] ，在段落底用相同的内容绑定URL [文字]: xxx

• 这是一个只用到一对方括号的超链接
• 源代码：

[这是一个只用到一对方括号的超链接]
[这是一个只用到一对方括号的超链接]: http://www.zhihu.com

3. 插入超链接最简单的方式

• 尖括号里的URL可以直接转换成超链接 ：http://www.wikipedia.org
• 源代码：

<http://www.wikipedia.org>

---

五、图片

1. 内联样式

• 格式：
• 各参数含义： alt_text：图片无法被加载时作为备选项显示的文字 address：图床中的图片地址， title_str：鼠标悬浮时的显示的图片标题文字字符串，用双引号包围，与地址之间用空格隔开
• 例如在Markdown中插入这样一幅图片：

• 其对应的源代码为 ：

![无法加载图片](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "这是图片标题")

可以将鼠标悬浮在图片上，看到提示文字的确为“这是图片标题”。

2. 引用样式

• 格式：![alt_text][logo] 其中logo是在段落底部建立的与图片地址及标题的绑定：[logo]: address title_str
• 用引用样式来插入与内联一例中相同的图片：

• 其对应的源代码为：

![无法加载图片][pic]

[pic]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "这是图片标题"

---

六、代码块

1. 代码高亮

• 用重音符 ` 这个符号来包围想要高亮显示的代码块：

bar, foo

• 源代码为：

`bar, foo`

2. 插入多行代码块

• 用三个连续的重音符 ``` 来引入接下来的一行或多行代码块，并同样使用 ``` 来表示代码块到此为止。可以在第一行中给出代码使用的具体语言。例如：

# 这是在markdown中插入的python代码块
for i in range(10)
    print i

• 对应的源代码为：

```python 
# 这是在markdown中插入的python代码块
for i in range(10) 
print i
``` 

---

七、表格

1. 行列的分隔符

• 用一个管道符号 | 用于分割列；用一个或多个短划线 - 用于分割行。例如：

Markdown | Less |Pretty
- | - | -
*Still* | `renders` | **nicely**
1 | 2 | 3

• 在Markdown中被渲染成：

知乎不支持在编辑中插入表格，图为Typora编辑器中的表格实际渲染效果

2. 单元格对齐方式

• 可以用冒号 : 在短划线两旁来标识表格单元格的对齐方式。
  • 在短划线右边表明右对齐： ---:
  • 在短划线左边表明右对齐： :---
  • 两边都有表示居中对齐： :---:
• 例如：

知乎不支持在编辑中插入表格，图为Typora编辑器中的表格实际渲染效果

• 对应的源代码为：

| Markdown中 | 表格的表示方法        | 非常有趣：）  |
| -----------|:-------------------:| ------------:|
| 第3列是     | 右对齐              | $1600        |
| 第2列是     | 居中对齐            |   $12        |
| 短横线可以   | 根据单元格内字符长短 |    任意增删   |

---

八、引用块

1. 格式

• 用右尖括号 > 引入一段引文，markdown可以根据字符长短在渲染时恰当地处理换行。
• 例如：

这是一段引文
这是新行中的一段引文，与上文同属一个引用块
尽管已经换了新行，只要中间没有被空行隔断，渲染时它们会显示为同一个引文块

现在被隔断了
这是一段非常长、极其长、长得不可思议的引文，这段引文的奥秘在于：尽管它又臭又长，但是在markdown视图下依然会被正确地渲染并显示，因为markdown可以根据字符数目自动换行，到这里为止依然是同一行原文：）

• 源代码如下：

> 这是一段引文
>
> 这是新行中的一段引文，与上文同属一个引用块
> 尽管已经换了新行，只要中间没有被空行隔断，渲染时它们会显示为同一个引文块

> 现在被隔断了
> 这是一段非常长、极其长、长得不可思议的引文，这段引文的奥秘在于：尽管它又臭又长，但是在markdown视图下依然会被正确地渲染并显示，因为markdown可以根据字符数目在渲染时自动换行，到这里为止依然是同一段引文：）

---

参考链接

https://github.com/adam-p/markdown-here/wiki/Markdown-Here-Cheatsheet​github.com