1. 表格
标题1 | 标题2 | 标题3
------- : | : --------- : | : --------
abc | 上面的虚线可用多个减号代替 | efg
123 | 英文冒号可以调节居左、中、右 | 456
效果:
标题1 | 标题2 | 标题3 |
---|---|---|
abc | 上面的虚线可用多个减号代替 | efg |
123 | 英文冒号可以调节居左、中、右 | 456 |
2. 数学公式(MathJax)
MathJax语法:
希腊字母:
字母 | 语法 | 字母 | 语法 |
---|---|---|---|
A | A | α | \alhpa |
B | B | β | \beta |
Γ | \Gamma | γ | \gamma |
Δ | \Delta | δ | \delta |
E | E | ϵ | \epsilon |
Z | Z | ζ | \zeta |
H | H | η | \eta |
Θ | \Theta | θ | \theta |
I | I | ι | \iota |
K | K | κ | \kappa |
Λ | \Lambda | λ | \lambda |
M | M | μ | \mu |
N | N | ν | \nu |
Ξ | \Xi | ξ | \xi |
O | O | ο | \omicron |
Π | \Pi | π | \pi |
P | P | ρ | \rho |
Σ | \Sigma | σ | \sigma |
T | T | τ | \tau |
Υ | \Upsilon | υ | \upsilon |
Φ | \Phi | ϕ | \phi |
X | X | χ | \chi |
Ψ | \Psi | ψ | \psi |
Ω | Omega | ω | \omega |
数学符号:(待完善)
3. 字体样式
(1) 标记语言方式
在版权:https://blog.csdn.net/cai2016/article/details/53730962的基础上做了调整。markdown里面的标记语言可以使用标签对来实现对文本文字颜色大小信息的控制。
<font face="黑体">黑体字示例</font>
<font face="微软雅黑">微软雅黑示例</font>
<font face="STCAIYUN">华文彩云示例</font>
<font color=#0099ff size=5 face="STCAIYUN">color=#0099ff size=6 face="黑体"</font>
<font color=red size=5>color=#00ffff</font>
size可以根据实际大小进行设置,一般不超过7。
来看看效果:
黑体字示例
微软雅黑示例
华文彩云示例
color=#0099ff size=6 face=“黑体”
color=#00ffff
以上都是html中对字体颜色大小进行控制情况,关于face属性可以查阅相关资料,除了以上还有如楷体、宋体等。color属性的使用有三种情况。
1)使用颜色名,以下给出了不同颜色名的效果
常见颜色:red,orange,yellow,green,cyan,blue,purple,white,black。
color | color | color |
---|---|---|
palegoldenrod | turquoise blue | sandybrown |
palegreen | cabbage | sapphire |
palevioletred | tomato | sandybeige |
peachpuff | steelblue | scarlet |
papayawhip | springgreen | salmonpink |
pansy | snow | seagreen |
pink | smockygray | salmon |
pulm | slategray | seashell |
powderplue | slateblue | saddlebrown |
purple | skyblue | shocking pink |
rosybrown | silver | rubinef |
rubine | sienna |
2) 使用十六进制颜色值
例如red用十六进制颜色值表示为#FF0000,黑色就是#000000,blue为#0000FF。
3)使用RGB颜色空间表示颜色。
例如Red用RGB颜色空间表示为rgb(255,0,0),粉色(pink)的颜色空间值为rgb(255,160,221),blue的颜色空间表示为rgb(0,0,255)。
以下是web安全颜色:
另外一套是微软IE浏览器支持的颜色空间,这里就不给出图示了,有兴趣可以搜索一下,具体的使用以实际情况选择不同的颜色。
(2) 其他方式
语法 | 字体 | 例子 | 效果 |
---|---|---|---|
\rm | 罗马体 | {$\rm 你好,World,123$} | { 你 好 , W o r l d , 123 \rm 你好,World,123 你好,World,123} |
\bf | 黑体 | {$\bf 你好,World,123$} | { 你 好 , W o r l d , 123 \bf 你好,World,123 你好,World,123} |
\Bbb | 黑板粗体字 | {$\Bbb 你好,World,123$} | { 你 好 , W o r l d , 123 \Bbb 你好,World,123 你好,World,123} |
\mit | 数学斜体 | {$\mit 你好,World,123$} | {KaTeX parse error: Undefined control sequence: \mit at position 1: \̲m̲i̲t̲ ̲你好,World,123} |
\scr | 小体大写字母 | {$\scr 你好,World,123$} | {KaTeX parse error: Undefined control sequence: \scr at position 1: \̲s̲c̲r̲ ̲你好,World,123} |
\it | 意大利体 | {$\it 你好,World,123$} | { 你 好 , W o r l d , 123 \it 你好,World,123 你好,World,123} |
\cal | 花体 | {$\cal 你好,World,123$} | {KaTeX parse error: Undefined control sequence: \cal at position 1: \̲c̲a̲l̲ ̲你好,World,123} |
\sf | 等线体 | {$\sf 你好,World,123$} | { 你 好 , W o r l d , 123 \sf 你好,World,123 你好,World,123} |
\tt | 打字机字体 | {$\tt 你好,World,123$} | { 你 好 , W o r l d , 123 \tt 你好,World,123 你好,World,123} |
\frak | Fraktur字母(一种德国字体) | {$\frak 你好,World,123$} | { 你 好 , W o r l d , 123 \frak 你好,World,123 你好,World,123} |
代码 | 效果 |
---|---|
$\color{black}{Hello World!}$ | H e l l o W o r l d ! \color{black}{Hello World!} HelloWorld! |
$\color{gray}{Hello World!}$ | H e l l o W o r l d ! \color{gray}{Hello World!} HelloWorld! |
$\color{silver}{Hello World!}$ | H e l l o W o r l d ! \color{silver}{Hello World!} HelloWorld! |
$\color{white}{Hello World!}$ | H e l l o W o r l d ! \color{white}{Hello World!} HelloWorld! |
$\color{maroon}{Hello World!}$ | H e l l o W o r l d ! \color{maroon}{Hello World!} HelloWorld! |
$\color{red}{Hello World!}$ | H e l l o W o r l d ! \color{red}{Hello World!} HelloWorld! |
$\color{yellow}{Hello World!}$ | H e l l o W o r l d ! \color{yellow}{Hello World!} HelloWorld! |
$\color{lime}{Hello World!}$ | H e l l o W o r l d ! \color{lime}{Hello World!} HelloWorld! |
$\color{olive}{Hello World!}$ | H e l l o W o r l d ! \color{olive}{Hello World!} HelloWorld! |
$\color{green}{Hello World!}$ | H e l l o W o r l d ! \color{green}{Hello World!} HelloWorld! |
$\color{teal}{Hello World!}$ | H e l l o W o r l d ! \color{teal}{Hello World!} HelloWorld! |
$\color{aqua}{Hello World!}$ | H e l l o W o r l d ! \color{aqua}{Hello World!} HelloWorld! |
$\color{blue}{Hello World!}$ | H e l l o W o r l d ! \color{blue}{Hello World!} HelloWorld! |
$\color{navy}{Hello World!}$ | H e l l o W o r l d ! \color{navy}{Hello World!} HelloWorld! |
$\color{purple}{Hello World!}$ | H e l l o W o r l d ! \color{purple}{Hello World!} HelloWorld! |
$\color{fuchsia}{Hello World!}$ | H e l l o W o r l d ! \color{fuchsia}{Hello World!} HelloWorld! |
3. Markdown快捷键
动作 | 快捷键 | 动作 | 快捷键 |
---|---|---|---|
加粗 | Ctrl + B | 撤销 | Ctrl + Z |
斜体 | Ctrl + I | 重做 | Ctrl + Y |
横线 | Ctrl + R | 引用 | Ctrl + Q |
插入链接 | Ctrl + L | 插入代码 | Ctrl + K |
插入图片 | Ctrl + G | 插入标题 | Ctrl + H |
有序列表 | Ctrl + O | 无序列表 | Ctrl + U |
4. 页内跳转
先定义一个标识(即下面这行代码),并把它放到要跳转的地方。
<div id="footer"></div>
然后把跳转链接放在任意地方,当点击这个跳转链接的时候变回跳到当前标识所在的位置。
[跳转到数学公式](#footer)
例如我把标识代码放在文章目录的地方,当点击跳转到目录的时候便会实现跳转。跳转到目录