怎么说也是第二篇了,目前对MarkDown语法还是不太熟悉,这玩意虽然说很简洁,很简单,但是对于刚刚上手的我来说,还是有点不适应。
现在就在这里把它基本的语法做个记录吧,纯手打。

标题 类似于html里面的h1,h2标签

第一级标题

code

1
# 第一级标题 <h1>

第二级标题

code

1
##第二级标题 <h2>

第三级标题

code

1
###第三级标题 <h3>

第四级标题

code

1
####第四级标题 <h4>

第五级标题

code

1
#####第五级标题 <h5>

第六级标题

code

1
######第六级标题 <h6>

通过#号的增加来表示第几级标题

字体 类似于html里面的font属性

粗体

code

1
**粗体**

斜体

code

1
*斜体*

通过*号的个数来控制粗体和斜体

集合 类似于html里面的 ul li

无序情况

  • Item 1
  • Item 2
    • Item 2a
    • Item 2b

code

1
2
3
4
* Item 1
* Item 2
* Item 2a
* Item 2b

有序情况

  1. Item 1
  2. Item 2
  3. Item 3
    • Item 3a
    • Item 3b

code

1
2
3
4
5
1. Item 1
2. Item 2
3. Item 3
* Item 3a
* Item 3b

图片

目前使用的是主题的图片格式:

Syntax :

image [classes][/path/to/thumbnail] [width of thumbnail] [height of thumbnail] [title text] %}```
1
2
E.g : ```{% image fancybox right clear image2.jpg http://google.fr/images/image125.jpg 150px 300px "A beautiful sunrise" %}

classes (optionnal) : You can add css classes to stylize the image. Separate class with whitespace. Tranquilpeak integrate many css class to create nice effects : - fancybox : Generate a fancybox image.

- nocaption : Caption of the image will not be displayed.

- left : Image will float at the left.

- right : Image will float at the right.

- center : Image will be at center.

- fig-20 : Image will take 20% of the width of post width and automatically float at left.

- fig-25 : Image will take 25% of the width of post width and automatically float at left.

- fig-33 : Image will take 33% of the width of post width and automatically float at left.

- fig-50 : Image will take 50% of the width of post width and automatically float at left.

- fig-75 : Image will take 75% of the width of post width and automatically float at left.

- fig-100 : Image will take 100% of the width of post width.

- clear : Add a div with clear:both; style attached after the image to retrieve the normal flow of the post.

Orignal image : Path to the original image.

Thumbnail image (optionnal) : Path to the thumbnail image. If empty, the orignal image will be displayed.

Width of thumbnail image (optionnal) : Width to the thumbnail image. If the thumbnail image is empty, width will be attached to thumbnail image created from original image. E.g : 150px or 85%.

Height of thumbnail image (optionnal) : Height to the thumbnail image. If the thumbnail image is empty, height will be attached to thumbnail image created from original image. E.g : 300px or 20%.

Title (optionnal) : Title of image displayed in a caption under image. Alt HTML attribute will use this title. E.g : “A beautiful sunrise”.

URL

GitHub

code

1
[GitHub](http://github.com)

Blockquotes 引用

As Kanye West said:

We’re living the future so
the present is our past.

code

1
2
3
As Kanye West said:
> We're living the future so
> the present is our past.

Inline code

I think you should use an
<addr> element here instead.

code

1
2
I think you should use an
`<addr>` element here instead.