Jekyll reference

这篇文章列举了markdown的写法。 更多请参考：

http://kramdown.gettalong.org/quickref.html
http://www.ituring.com.cn/article/775
https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
http://scriptogr.am/archives/post/markdownii

---

注释

 comment %}
这是注释
 endcomment %}

---

换行

打两个空格再回车

---

标题

标题1

标题2

标题3

标题4

标题5

标题6

---

highlight

# heading1

## heading2

...

###### heading6

---

段落

加粗,bold

 **This is strong**.  **bold**

斜体字 italic

*This is emphasized* *italic*

强调文字 emphasis

`{: .notice}` `emphasis`

段落右边插入图片

![图像超链接](https://yinping4256.github.io/images/bio-photo-2.jpg)
{: .image-pull-right}

上标

这段话出自[^1]

这段话出自[^1]

文章结尾可以引用此标： [^1]: 小平语录

[^1]: [小平语录](http://www.joke.com/)

---

引用文字

To be or not to be; this is a problem. 引用自莎士比亚

> To be or not to be; this is a problem. 引用自莎士比亚

---

列表

有序列举

直接使用1. 2. 等。

1. Item one
   1. sub item one
   2. sub item two
   3. sub item three
2. Item two

无序列表

• 第一项
• 第二项

* 第一项
* 第二项

---

表格

the code for this table

Header1	Header2	Header3
cell1	cell2	cell3
cell4	cell5	cell6
cell1	cell2	cell3
cell4	cell5	cell6
Foot1	Foot2	Foot3

---

引用代码

#container {
  float: left;
  margin: 0 -240px 0 0;
  width: 100%;
}

---

按钮

使用 .btn class.

<a href="#" class="btn btn-success">Success Button</a>

Primary Button

Success Button

Warning Button

Danger Button

Info Button

---

“注意”

用一个方框表示注意

Watch out! 把 {: .notice} 添加到段落后面，可以强调.

---

插入图片或者视频

单个

Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr.

Flickr 上的图片。

<figure>
  <a href="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_b.jpg"><img src="http://farm9.staticflickr.com/8426/7758832526_cc8f681e48_c.jpg"></a>
  <figcaption><a href="http://www.flickr.com/photos/80901381@N04/7758832526/" title="Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr">Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr</a>.</figcaption>
</figure>

两个并列图片

使用 half class 可以让两个图片并排放，公用一个标题。

<figure class="half">
    <a href="/images/image-filename-1-large.jpg"><img src="/images/image-filename-1.jpg"></a>
    <a href="/images/image-filename-2-large.jpg"><img src="/images/image-filename-2.jpg"></a>
    <figcaption>Caption describing these two images.</figcaption>
</figure>

效果如下：

Two images.

三个图片

使用 third class 可以让三个图片并排放，公用一个标题。

<figure class="third">
  <img src="/images/image-filename-1.jpg">
  <img src="/images/image-filename-2.jpg">
  <img src="/images/image-filename-3.jpg">
  <figcaption>Caption describing these three images.</figcaption>
</figure>

效果如下：

Three images.