码迷,mamicode.com
首页 > 其他好文 > 详细

CSDN-markdown编辑器基本语法与呈现效果对照2

时间:2015-03-11 21:44:44      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:markdown   csdn   编辑器   语法   效果   

代码块


用TAB键起始的段落,会被认为是代码块,如下:

    <php>
        echo “hello world";
    </php>

呈现效果:

<php>
    echo “hello world";
</php>

如果在一个行内需要引用代码,只要用反引号`引起来就好,如下:

Use the `printf()` function.

呈现效果:
Use the printf() function.

分割线与删除线


可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,同时需要在分隔线的上面空一行。如下:

---
****
___

呈现效果:



删除线的使用,在需要删除的文字前后各使用两个符合“~”,如下

~~Mistaken text.~~

呈现效果:
Mistaken text.

代码块与语法高亮


在需要高亮的代码块的前一行及后一行使用三个反引号“`”,同时第一行反引号后面表面代码块所使用的语言,如下:

```ruby
require ‘redcarpet‘
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html  
 ```

呈现效果:

require ‘redcarpet‘
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

表格


可以使用冒号来定义表格的对齐方式,如下:

| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |

呈现效果:

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

LaTex数学公式


使用MathJax渲染LaTex 数学公式,详见math.stackexchange.com
行内公式,数学公式为:

$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$

呈现效果:
Γ(n)=(n?1)!?nN

块级公式:

$$	x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

呈现效果:

x=?b±b2?4ac???????2a

更多LaTex语法请参考 [这儿]

UML 图


可以渲染序列图:

```sequence
张三->李四: 嘿,小四儿, 写博客了没?
Note right of 李四: 李四愣了一下,说:
李四-->张三: 忙得吐血,哪有时间写。
 ```

呈现效果:

Created with Rapha?l 2.1.2张三张三李四李四嘿,小四儿, 写博客了没?李四愣了一下,说:忙得吐血,哪有时间写。

或者流程图:

```flow
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?

st->op->cond
cond(yes)->e
cond(no)->op
 ```

呈现效果:

Created with Rapha?l 2.1.2开始我的操作确认?结束yesno
  • 关于 序列图 语法,参考[ 这儿]
  • 关于 流程图 语法,参考[ 这儿]

CSDN-markdown编辑器基本语法与呈现效果对照2

标签:markdown   csdn   编辑器   语法   效果   

原文地址:http://blog.csdn.net/testcs_dn/article/details/44204303

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!