CSDN-markdown编辑器语法总结

　　Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！
　　CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等），就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。

1.字体、字号与颜色

使用示例：

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>

　　size：规定文本的尺寸大小。可能的值：从 1 到 7 的数字。浏览器默认值是 3。

呈现效果

我是黑体字
我是微软雅黑
我是华文彩云
color=#0099ff size=72 face=”黑体”
color=#00ffff
color=gray

2.背景色

　　由于 style 标签和标签的 style 属性都被和谐了（这让Markdown虽然有HTML的躯体，却没有HTML的灵魂！），所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色的功能。

使用示例：

<table><tr><td bgcolor=#DEB887>这里的背景色是：Aquamarine，  十六进制颜色值：#DEB887，rgb(222, 184, 135)</td></tr></table>

呈现效果：

这里的背景色是：Aquamarine， 十六进制颜色值：#DEB887，rgb(222,184,135)

3.标题

　　在文字写书写不同数量的#可以完成不同的标题，如下：

使用示例：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

呈现效果：

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

　　等号及减号也可以进行标题的书写，不过只能书写二级标题，并且需要写在文字的下面，减号及等号的数量不会影响标题的基数，如下：

使用示例：

二级标题
=========

二级标题
---------

呈现效果：

二级标题

二级标题

4.列表

　　无序列表的使用，在符号“-”后加空格使用。如下：

使用示例：

- 无序列表1
- 无序列表2
- 无序列表3

呈现效果：

• 无序列表1
• 无序列表2

• 无序列表3

  　　如果要控制列表的层级，则需要在符号“-”前使用空格。如下：

使用示例：

- 无序列表1
- 无序列表2
  - 无序列表2.1
     - 列表内容
     - 列表内容

呈现效果：

• 无序列表1
• 无序列表2
  
  • 无序列表2.1
    
    • 列表内容
    • 列表内容

有序列表的使用，在数字及符号“.”后加空格几个，如下：

使用示例：

1. 有序列表1 
2. 有序列表2 
3. 有序列表3

呈现效果：

1. 有序列表1
2. 有序列表2

3. 有序列表3

   　　有序列表如果要区分层级，也可以在数字前加空格。

5.引用

　　引用的格式是使用符号“>”后面书写文字，及可以使用引用。如下：

使用示例：

>这个是引用
> 是不是和电子邮件中的
> 引用格式很像

呈现效果：

这个是引用
是不是和电子邮件中的
引用格式很像

6.粗体和斜体

　　粗体的使用是在需要加粗的文字前后各加两个“”，而斜体的使用则是在需要斜体的文字前后各加一个“”，如果要使用粗体和斜体，那么就是在需要操作的文字前后各加三个“*”。如下：

使用示例：

**这个是粗体**
*这个是斜体*
***这个是粗体加斜体***

呈现效果：

这个是粗体
这个是斜体
这个是粗体加斜体

7.链接

　　在文中直接加链接，中括号中是需要添加链接的文字，圆括号中是需要添加的链接，如下：

使用示例：

[link text](http://example.com/ "optional title")

呈现效果：

link text

　　在引用中加链接，第一个中括号添加需要添加的文字，第二个中括号中是引用链接的id，之后在引用中，使用id加链接：如下：

使用示例：

[link text][id]
[id]: http://example.com/ "optional title here"

呈现效果：

link text
　　在文中直接引用链接，直接使用尖括号，把链接加入到尖括号中就可以实现，如下：

使用示例：

<http://example.com/> or <address@example.com>

呈现效果：

http://example.com/ or address@example.com

8.代码块

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

使用示例：

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

呈现效果：

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

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

使用示例：

Use the `printf()` function.

呈现效果：

Use the printf() function.

9.分割线与删除线

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

使用示例：

---
****
___

呈现效果：

---

---

---

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

使用示例：

~~Mistaken text.~~

呈现效果：

Mistaken text.

10.代码块与语法高亮

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

使用示例：

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

效果呈现：

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

11.表格

使用示例：

| 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

12.LaTex数学公式

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

使用示例：

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

呈现效果：

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

　　块级公式：

使用示例：

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

呈现效果：

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

　　更多LaTex语法请参考链接。

　　声明：本文是在博主微wx笑的CSDN-markdown编辑器系列博文上总结而来的。