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

 

转载于:https://blog.51cto.com/chenshenglong/1421623