第二天
怎么说也是第二篇了,目前对MarkDown语法还是不太熟悉,这玩意虽然说很简洁,很简单,但是对于刚刚上手的我来说,还是有点不适应。
现在就在这里把它基本的语法做个记录吧,纯手打。
标题 类似于html里面的h1,h2标签
第一级标题
code1
第二级标题
code1
#第二级标题 <h2>
第三级标题
code1
###第三级标题 <h3>
第四级标题
code1
####第四级标题 <h4>
第五级标题
code1
#####第五级标题 <h5>
第六级标题
code1
######第六级标题 <h6>
通过#号的增加来表示第几级标题
字体 类似于html里面的font属性
粗体
code1
**粗体**
斜体
code1
*斜体*
通过*号的个数来控制粗体和斜体
集合 类似于html里面的 ul li
无序情况
- Item 1
- Item 2
- Item 2a
- Item 2b
code1
2
3
4* Item 1
* Item 2
* Item 2a
* Item 2b
有序情况
- Item 1
- Item 2
- Item 3
- Item 3a
- Item 3b
code1
2
3
4
51. Item 1
2. Item 2
3. Item 3
* Item 3a
* Item 3b
图片
目前使用的是主题的图片格式:
Syntax : 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
code1
[GitHub](http://github.com)
Blockquotes 引用
As Kanye West said:
We’re living the future so
the present is our past.
code1
2
3As 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.
code1
2I think you should use an
`<addr>` element here instead.