markdown写博客效果对比

读这个网站演示效果。

区块引用 Blockquotes

代码

> ## 这是一个标题。
> 
> 1.   这是第一行列表项。
> 2.   这是第二行列表项。
> 
> 给出一些例子代码：
> 
>     return shell_exec("echo $input | $markdown_script");

结果

列表

 

无序列表使用星号、加号或是减号做为列表标记：

*   Red
*   Green
*   Blue

若是你的列表标记写成：

1.  Bird
1.  McHale
1.  Parish

 

 

结果

 

 

要让列表看起来更漂亮，你能够把内容用固定的缩进整理好：

 
*   Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
    viverra nec, fringilla in, laoreet vitae, risus.
*   Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
    Suspendisse id sem consectetuer libero luctus adipiscing.

效果：

代码

Here is an example of AppleScript:

    tell application "Foo"
        beep
    end tell

 

转换成

 

<p>Here is an example of AppleScript:</p>
<pre><code>tell application "Foo"
    beep
end tell
</code></pre>

效果：

代码区块

和程序相关的写做或是标签语言原始码一般会有已经排版好的代码区块，一般这些区块咱们并不但愿它以通常段落文件的方式去排版，而是照原来的样子显示，Markdown 会用 <pre> 和 <code> 标签来把代码区块包起来。

 

 

代码：

效果：

 

 

 

分隔线

 

代码

 

演示

 

连接

 

只要在方块括号后面紧接着圆括号并插入网址连接便可，若是你还想要加上连接的 title 文字，只要在网址后面，用双引号把 title 文字包起来便可。

 

 

演示

 

 

代码

 

演示

 

 

强调

 

Markdown 使用星号（*）和底线（_）做为标记强调字词的符号，被 * 或 _ 包围的字词会被转成用 <em> 标签包围，用两个 * 或 _ 包起来的话，则会被转成 <strong>。

 

代码

 

演示

 

 

 

代码

 

 

若是要标记一小段行内代码，你能够用反引号把它包起来（`）。

 

代码

演示

 

图片

 

代码

 

演示成功！

 

两种方式

![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg "Optional title")

 

 

详细叙述以下：

• 一个惊叹号 !

• 接着一个方括号，里面放上图片的替代文字

• 接着一个普通括号，里面放上图片的网址，最后还能够用引号包住并加上选择性的 'title' 文字。

 

到目前为止， Markdown 尚未办法指定图片的宽高，若是你须要的话，你能够使用普通的 <img> 标签。

 

 

 

你也能够访问其它博文

 

1. Markdown 简明教程  2.献给写做者的 Markdown 新手指南 

3.Markdown 的语法 

4.理想的写做环境：Git+Github+Markdown+Jekyll