# 一级标题
## 二级标题
### 三级标题

如下：

三级标题

**加粗文字**
*斜体文字*

如下：

加粗文字
斜体文字

* 文字链接格式：
[txtname][num]
[num]:url

比如：
[百度][1]
[1]: www.baidu.com

* 图片链接格式（前面多加个！）：
！[imgname][num]
[num]:url

比如：
![icon][2]
[2]: http://img1.sycdn.imooc.com//56d14cd6000165ed00940094.png

如下：

慕课网

> 引用文字
> ```
代码引用
> ```
注：由于在markdown下编写，暂时没法清楚表达代码引用的头顶顿号（`）格式，故前面故意多加了个>，当你编写时，去掉三个头顶顿号前面的>即可。

如下：

<p data-height="268" data-theme-id="0" data-slug-hash="obabXz" data-default-tab="result" data-user="feili" class='codepen'>
See the Pen <a >未知宽高元素的水平垂直居中</a> by fli (<a >@feili</a>) on <a >CodePen</a>.
</p>
<script async class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://assets.codepen.io/assets/embed/ei.js"></script>

来自codepen网站的一个测试栗子

 1. 有序列表项
 2. 有序列表项
 3. 有序列表项
 - 无序列表项
 - 无序列表项
 - 无序列表项

如下：

1. 有序列表项
2. 有序列表项
3. 有序列表项
   • 无序列表项
   • 无序列表项
   • 无序列表项

----------

如下：

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

如下：

注：编辑时的预览效果跟发表后的预览效果看到的不一致，发表文章时请注意看一下实际效果。