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
- 列表内容
- 列表内容
- 无序列表2.1
有序列表的使用,在数字及符号“.”后加空格几个,如下:
使用示例:
1. 有序列表1
2. 有序列表2
3. 有序列表3
呈现效果:
- 有序列表1
- 有序列表2
有序列表3
有序列表如果要区分层级,也可以在数字前加空格。
5.引用 |
引用的格式是使用符号“>”后面书写文字,及可以使用引用。如下:
使用示例:
>这个是引用
> 是不是和电子邮件中的
> 引用格式很像
呈现效果:
这个是引用
是不是和电子邮件中的
引用格式很像
6.粗体和斜体 |
粗体的使用是在需要加粗的文字前后各加两个“”,而斜体的使用则是在需要斜体的文字前后各加一个“”,如果要使用粗体和斜体,那么就是在需要操作的文字前后各加三个“*”。如下:
使用示例:
**这个是粗体**
*这个是斜体*
***这个是粗体加斜体***
呈现效果:
这个是粗体
这个是斜体
这个是粗体加斜体
7.链接 |
在文中直接加链接,中括号中是需要添加链接的文字,圆括号中是需要添加的链接,如下:
使用示例:
[link text](http://example.com/ "optional title")
呈现效果:
在引用中加链接,第一个中括号添加需要添加的文字,第二个中括号中是引用链接的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$
呈现效果:
Γ(n)=(n−1)!∀n∈ℕ
块级公式:
使用示例:
$$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
呈现效果:
更多LaTex语法请参考链接。
声明:本文是在博主微wx笑的CSDN-markdown编辑器系列博文上总结而来的。