CSDN-markdown編輯器簡潔的語法與呈現效果對照2

微wx笑發表於2015-03-11

程式碼塊

用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)!quadforall ninmathbb N$

呈現效果：
Γ(n)=(n−1)!∀n∈N

塊級公式：

$$	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
  • 關於 序列圖 語法，參考[ 這兒]
  • 關於 流程圖 語法，參考[ 這兒]


相關文章