Markdown是很好用的轻量级标记语言,许多开发人员喜欢使用Markdown来记录学习心得和写博客。本篇博客主要介绍Markdown的高级技巧教程,Markdown的基础教程已经在上篇介绍过了。☛ 传送门
目录:
***1、Markdown目录
在使用Markdown写文档时,有时需要给文档生成目录,此时有两种方式可以实现,一个是通过a标签的锚点实现,另一个是通过TOC扩展实现
通过锚点实现的请参照上篇Markdown的基础教程中Markdown链接的内容☛ 传送门 ,此处主要介绍top扩展方式实现。
自动生成目录的方式需要对Markdown进行toc扩展,目前主流的编辑器和博客编写都能实现该功能,使用方法很简单,具体用法如下:
[toc]
tip: [top]必须在要生成目录的地方单独一行写
2、Markdown内嵌HTML功能
Markdown是可以内嵌Html语言的,对于 Markdown 中未包含的标签, 可以直接使用 HTML,没有必要使用定界符或标识符来表明从 Markdown 切换到 HTML; 直接使用标签就行了。
唯一的限制就是对于 HTML 块级元素 – 像<div>, <table>, <pre>, <p>
, 等等, 必须另起一行单独放 , 并且开始和结束标签前面不能有任何缩进. Markdown 会自动识别这些块级元素而不会在他们周围添加额外的<p>
标签。
例如, 下面是添加 HTML 表格到 Markdown 文件:
非块级元素:<font color=green>**加粗**</font>
<table>
<tr>
<td>**表格**</td>
</tr>
</table>
展示效果:
非块级元素:加粗
**加粗** |
注意: Markdown 语法结构在 HTML 块级元素中不会被处理. 例如, 你不该在 HTML 块级元素中使用 Markdown 式的语法如**加粗**
。此外,在部分markdown编辑器中,html中还可以加style来通过css控制样式例如博客园的markdown编辑器和Typora支持,CSDN的markdown编辑器目前好像还不支持。
你甚至可以使用 HTML 标签替代 Markdown 格式; 例如你可以用 HTML <a>
和 <img>
标签替代 Markdown 的链接和图片语法。以下为部分例子:
斜体标签:<i></i> <i>i标签斜体</i> <em>em标签斜体</em>
粗体标签:<b></b> <b>粗体</b>
不换行空格标签: 空 格
换行标签:</br>
分割线标签:<hr>
删除线标签:<s></s>
上标标签:<sup></sup> n<sup>2</sup> + 2n + 1 = 0
下标标签:<sub></sub> H<sub>2</sub>O
高亮标签:<mark></mark> <mark style="background:green;">高亮 styl</mark>
键盘文本标签:<kbd></kbd> 使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
表格标签:
<table>
<tr><th>Title1</th><th>Title2</th><th>Title3</th>
</tr>
<tr>
<td>a</td><td>b</td><td>c</td>
</tr>
<tr>
<td>d</td><td>e</td><td>f</td>
</tr>
</table>
展示效果:
斜体标签: i标签斜体 em标签斜体
粗体标签: 粗体
不换行空格标签: 空 格
换行标签:
分割线标签:
删除线标签:
上标标签: n 2 + 2n + 1 = 0
下标标签: H 2O
高亮
键盘文本标签: 使用 Ctrl+ Alt+ Del 重启电脑
Title1 | Title2 | Title3 |
---|---|---|
a | b | c |
d | e | f |
具体详细请见:Markdown内联 HTML官方文档
3、Markdown转义
Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:
**文本加粗**
\*\* 正常显示星号 \*\*
展示效果:
文本加粗
** 正常显示星号 **
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
\ 反斜线
` 反引号
* 星号
_ 下划线
{
} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号
4、Markdown公式
当你需要在编辑器中插入数学公式时,可以使用两个美元符 $ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如:
$$
\mathbf{
V}_1 \times \mathbf{
V}_2 = \begin{
vmatrix}
\mathbf{
i} & \mathbf{
j} & \mathbf{
k} \\
\frac{
\partial X}{
\partial u} & \frac{
\partial Y}{
\partial u} & 0 \\
\frac