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