MarkDown语法

MarkDown中文教程地址:http://wowubuntu.com/markdown/


将如下代码输入到支持MarkDown的编辑器中可以看到效果。


测试MarkDown特性:



一、兼容HTML
<table>
    <tr>
        <td style="background:#ef3;border:1px dotted #999">
            test1
        </td>
        <td>
        </td>
    </tr>
</table>
二、特殊字符自动转换
&
&amp;
<
&lt;
&copy;  
三、标题
H1
===========
H2
----------------------
#h1
##h2
###h3
####h4
#h1#####
四、换行
  
按两下空格再回车(插入&lt;br /&gt;标签);或者前后都是空行


adf(前后都是空行)


五、区块引用


>asdfasfasdf
>asdfasdf
>asdfasdf
>asdfasdf


嵌套引用


>>asdf


引用里面用其他MarkDown语法:比如标题、列表、代码区块
>#h1
>1.a


>2.b


>return shell_exec("echo $input | $markdown_script");


六、列表


* A
* B
* C
* D


+ A
+ B
+ C
+ D


- A
- B
- C
- D


1. A
8. B
3. C


如果列表之间用空行分开。会包装从p标签
比如之前的会包装成
<ul>
    <li>
    A
    </li>
    <li>
    B
    </li>
    <li>
    C
    </li>
</ul>


但是


+ A


+ B


+ C


会被包装成


<ul>
    <li>
    <p>A</p>
    </li>
    <li>
    <p>B</p>
    </li>
    <li>
    <p>C</p>
    </li>
</ul>


列表项目包含多个段落


1.  This is a list item with two paragraphs. 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.


2.  Suspendisse id sem consectetuer libero luctus adipiscing.


列表项目中放入引用


* a
* b
  >test


列表项目中放代码区块,代码前要加八个空格


* a
* b


      代码
      
避免


1924. weqr变成1.weqr


改成


1924\.weqr


七、代码区块


缩进四个空格即可


    代码区块
    
会转换为
<pre><code>代码区块(前面缩进的四个空格被去掉了)。
</code></pre>


代码区块会一致持续到没有缩进四个空格的那行或者到文件尾


这是一个普通的段落 会转换为
<p>这是一个普通的段落</p>


在代码块里面:&,<,>会被转换为&amp;&lt;&gt


要插入如下html代码,加上缩进就行了。


    <div class="footer">
        &copy; 2004 Foo Corporation
        
        *a(没有被转换为列表)
        
    </div>
代码块中一般的MarkDown语法不会被转换,比如


* a(转换为列表)


八、分隔线


***
* * *


----------


-----------------------


九、区段元素


行内式:


This is [an example](http://example.com/ "Title") inline link.


[This link](http://example.net/) has no title attribute.


使用相对路径链接到同主机资源


See my [About](/about/) page for details.


参考式:




This is [an example][id] reference-style link.


任意位置加入如下内容(下面的内容不会显示出来):


[id]: http://example.com/  "Optional Title Here"


不区分大小写:以下是一样的


[link text][a]


[link text][A]


隐式链接标记


[Google][]


[Google]: http://google.com/ (test)


参考式链接比较好。


10、强调


*emphasize* 转换为<em>emphasize</em>
**strong** 转换为<strong>strong</strong>
_emphasize_
__strong__


*左右有空白a被当做普通字符了


 b *a* d


插入\*号(加上反斜线)


11、代码


标记行内代码


Use the `printf()` function.


会产生
<p>Use the <code>printf()</code> function.</p>


\``开启和结束区段代码


``There is a literal backtick () here.``




如何在代码区段的一开始插入反引号:
A single backtick in a code span: `` ` ``


A backtick-delimited string in a code span: `` `foo` ``


代码区段中可以插入&和尖括号,而不用担心当做html被解析了。它们都会被转为实体。


    &
    <br />


12、图片


行内式、


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


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


text是图片的替代文字。


参考式、


![Alt text][id]
[id]: url/to/image  "Optional title attribute"


13、自动链接


只要用尖括号括起来就可以转为链接


<http://example.com/>


邮件
<address@example.com>




14、反斜杠
作用前面已有展示

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值