CSDN-markdown编辑器简洁的语法与呈现效果对照2

代码块


用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)=(n1)!nN

块级公式:

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

呈现效果:

x=b±b24ac2a

更多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
  • 关于 序列图 语法,参考[ 这儿]
  • 关于 流程图 语法,参考[ 这儿]
上一篇:用POP动画编写带富文本的自定义动画效果


下一篇:Flutter Web实战项目打造真正跨平台应用(windows,android,ios,linux,macos,web)