Markdown语法

发表于 更新于 分类于 阅读次数：

快速的书写文档并编辑其格式和布局排版，省去了在office中先录入文字，再编辑格式的麻烦。有人可能会说，word中也有快速套用功能。但是我经过一段时间的使用对比，觉得还是Markdown更简单方便，容易上手。可以在打字的时候就敲入了一些格式设置的标记进去，格式设置已经完成了。

标题的语法：

  • # 一级标题内容
  • # # 二级标题内容
  • 在typora中快捷键 ctr+数字键1-6
  • 对应HTML中是h1–h6标签

举例：

前面加4个# 表表示这里是四级标题。####

列表的语法

  1. 有序列表：1. 列表项。—1+点+空格+内容。对应的是ol标签。1.
  2. 无序列表：- 列表项。-+空格+内容。对应的是ul标签。-
  3. 有序列表的序号在css中设定。可以是数字、大、小写字母等等
    1
    ol{list-style: upper alpha/lower alpha}，
  4. 无序列表之前的符号有三种，有实心圆点、空心圆点、实心方框。
    1
    ul{list-style:disc/circle/square}
    举例：
  5. 水果
    1. 苹果
  6. 蔬菜
    1. 白菜

列表清单属性：

属性 Description描述
list-style 在一个声明中设置列表的所有属性
list-style-image 指定图像作为列表项标记
list-style-position 指定列表项标记的位置（项目符号）
list-style-type 指定列表项标记的类型

无序列表的属性值：

属性值 描述
disc Sets the list item marker to a bullet (default)实心圆
circle Sets the list item marker to a circle 空心圆
square Sets the list item marker to a square 实心方框
none The list items will not be marked 无

有序列表的属性值：

Value Description描述
decimal 数字(1,2,3,etc.)
decimal-leading-zero The marker is a number with leading zeros (01, 02, 03, etc.)
lower-alpha 小写字母(a, b, c, d, e, etc.)
lower-greek 小写希腊字母
lower-latin 小写拉丁 (a, b, c, d, e, etc.)
lower-roman 小写罗马(i, ii, iii, iv, v, etc.)
upper-alpha 大写字母(A, B, C, D, E, etc.)
upper-greek 大写希腊
upper-latin 大写拉丁(A, B, C, D, E, etc.)
upper-roman 大写罗马(I, II, III, IV, V, etc.)



引用的语法：

  • > +空格+引用内容 这是段落引用，也叫长引用。>
  • <q>+引用内容+</q> 这是行内引用，也叫短引用。

长引用的样式修改：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
blockquote {
  border-left: 5px solid #ddd;
  padding-left: 0.5em;
  font: 100 0.9em "楷体";
  color: #555;
  background: rgb(250, 250, 250);
}
blockquote p{
padding-top: 0;
padding-bottom:0;
}
blockquote blockquote {
  padding-right: 0;
}

行内引用样式：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
q{
	background-color: rgb(255, 250, 232);
	text-decoration: underline wavy red;
	font: bolder 1.1em "等线";

}
q::before{
	content: "“";
	font-size: 20px;
	color: blue;
}

q::after{
	content: "”";
	font-size: 20px;
	color: blue;
}

举例：段落引用示例：

武汉样本样品采集时间局限于 2019 年 12 月 24 日和 2020 年 1 月 5 日。而那个时候，当地对于疫情的排查集中在了华南海鲜市场，而样本来自几家定点医院，换句话说，样本取样地不具备统计学上的无偏性，这导致最终的数据分析也必然受到了影响

事实上，我们根据广东和美国的病例，可以推测出，武汉本地存在更古老的单倍型H13 和 H38。因此，要想完整的溯源，事实上对武汉后续发病例进行更广泛的基因组检测，这样才能更好地确定真正的源头。

举例：行内引用：
鲁迅说过：原本没有路，走的人多了便成了路<

文字格式语法：
**+要加粗的文字+**
*+斜体文字+*
***+斜体加粗+***
~~+删除线文字+~~

下划线 <u>下划线</u>

分割线：
----

** 超链接**：

[超链接显示名]+(超链接地址 "超链接title")
举例：
我的博客

插入图片：
![图片alt]+(图片链接 "图片title") [图片alt] 和 “图片title” 可以省略
不能改变图片大小，除非从主题文件的css中统一修改，对齐方式等也是css中事先声明了的。所以一般插入图片习惯用html中的

1
2
<img src="图片链接" alt="图片alt" title="图片title"> #alt="图片alt" title="图片title"可以省略
<img style="height:200px" src="url" >  用行内样式即可修改图片大小、位置等。

举例：

表格：

1
2
3
4
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| -----: | :-----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

单元格合并功能， Markdown不可以， Html可以实现。

举例：

  1. colspan 列合并，后面的数字表示合并的列数
  2. rowspan 行合并，后面的数字表示合并的行数
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table>
    <tr>
        <th>名称</th>
        <th>规格</th>
        <th>备注</th>
    </tr>
    <tr>
        <td style="border:1px solid red">钻头</td>
		<td style="border:1px solid red; text-align:left" rowspan=2>D8*17FL-80L<sub>0</sub></td>
		<td style="border:1px solid red">无货、已订货在途</td>
    </tr>
    <tr>
        <td style="border:1px solid red">阶梯钻</td>
		<td style="border:1px solid red">不详细</td>
    </tr>
    <tr>
        <td style="border:1px solid red">非标镗刀</td>
		<td style="border:1px solid red" colspan=2>不详细</td>
    </tr>
</table>
名称 规格 备注
钻头 D8*17FL-80L0 无货、已订货在途
阶梯钻 不详细
非标镗刀 不详细

上下标：
^+上标文字+^
~+下标文字+~

举例：

X ^2^

H2

数学公式：
行内公式：
$+A=X^2+Y^3+$
公式块：快捷键 ctrl+shift+m

`$$`
    两对`$$`符号的行间就是书写的公式。
`$$`

举例：
$$
c(u)=\begin{cases} \sqrt\frac{1}{N}，u=0\ \sqrt\frac{2}{N}， u\neq0\end{cases}
$$

代数式：$A=X^2+Y^3$ ，面积计算公式：$S=\pi*r^2$

高级语法：

1
<kbd>ctrl</kbd>+<kbd>shift</kbd>+<kbd>I</kbd>

ctrl+shift+I

1
2
3
4
5
6
7
8
9
10
11
12
gantt
    dateFormat YY-MM-DD
    title AAAA
    section 项目1
        已经完成任务: done,des1,20-05-04,20-05-08
        活动任务: active,des2,20-05-08,4d
        关键任务: crit, active,des3,20-05-13, 5d
     section b section项目
     	关键线中的未来任务: crit,des4, 20-05-17, 5d
     	e: active,des5, 20-05-23, 6d


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
gantt
　　　dateFormat　yy-MM-DD
　　　title Adding GANTT diagram functionality to mermaid
　　　section A section
　　　Completed task　　:done, des1, 2014-01-06,2014-01-08
　　　Active task 　　　　:active, des2, 2014-01-09, 3d
　　　future task 　　　　:　　　  des3, after des2, 5d
　　　future task2　　　　:　　　  des4, after des3, 5d
　　　section Critical tasks
　　　Completed task in the critical line　:crit, done, 2014-01-06,24h
　　　Implement parser and json　　　　　　:crit, done, after des1, 2d
　　　Create tests for parser　　　　　　　:crit, active, 3d
　　　Future task in critical line　　　　　:crit, 5d
　　　Create tests for renderer　　　　　　:2d
　　　Add to ,mermaid　　　　　　　　　　　:1d
1
2
3
4
5
6
7
mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
   横向流程图]