MarkDown学习笔记
目录
**MarkDown学习笔记** 1.标题 2.段落 3.文字 3.1斜体 3.2加粗 3.3斜体+加粗 3.4删除线 3.5下划线 3.6字体背景
4.分隔线 5.扩展语法的说明 6.高亮(需要勾选扩展语法) 7.下标(需要勾选扩展语法) 8.上标(需要勾选扩展语法) 9.常见的公式表达式 9.1分数 9.2累加 9.3累乘 9.4开方 9.5积分 9.6正无穷、负无穷 9.7极限 9.8关系运算符 9.9二元运算符 9.9否定关系运算符 9.10对数运算符 9.11三角运算符 9.12箭头 9.13省略号 9.14行间公式 9.15矢量 9.16希腊字母 9.17空心字母与Fraktur字母 9.18分段函数
10.表情符号 11.列表
12.表格 13.引用 14.代码 15.跳转 15.1外部跳转-超链接 15.2内部跳转 15.3自动链接 15.4重复链接
16.图片 17.转义字符 18.利用Markdown画图(需要勾选扩展语法) 18.1饼图(Pie) 18.2流程图 18.3子图表 18.4序列图 18.5甘特图(gantt)
19.功能快捷键 20.注脚 21.目录
正式开始语法部分~
1.标题
格式+实例
# 标题名字(#号的个数代表标题的级别)
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
结果展示
另一种标题展示形式
不过我在Typora用不了,可以在MaHua在线编辑器上验证,这种处理方式在Github的一些开源工程上面比较常见,显而易见的缺点是:文字大小控制级别有限。
2.段落
段落没有特殊的格式,直接用一行空行来表示重新开始一个段落
3.文字
3.1斜体
实例
*斜体*
结果展示
斜体
3.2加粗
实例
**加粗**
结果展示
加粗
3.3斜体+加粗
实例
***斜体+加粗***
结果展示
斜体+加粗
3.4删除线
实例
~~删除线~~
结果展示
删除线
3.5下划线
实例
<u>下划线</u>
结果展示
下划线
3.6字体背景
实例
`文字`
结果展示 文字
4.分隔线
可以在一行中使用三个或更多的*、-或_来添加分割线
实例
*****
------------
____
结果展示
5.扩展语法的说明
部分渲染器可能不支持该效果,若不在意跨软件性可以使用(也就是如果换了个别支持markdown语法的地方敲字,某些样式可能识别不出来)
6.高亮(需要勾选扩展语法)
实例
==高亮==
结果展示
高亮
7.下标(需要勾选扩展语法)
实例
水 H~2~O
结果展示
水 H2 O
8.上标(需要勾选扩展语法)
实例
面积 m^2^
结果展示
面积 m2
9.常见的公式表达式
9.1分数
格式+实例
$\frac{}{}$
第一个{}写分子,第二个{}写分母。
$\frac{a+b+3}{a^2+b}$
结果展示
a
+
b
+
3
a
2
+
b
\frac{a+b+3}{a^2+b}
a 2 + b a + b + 3
实例2
$\frac{2x^2+x+3}{5y^2+2y+5}$
结果展示2
2
x
2
+
x
+
3
5
y
2
+
2
y
+
5
\frac{2x^2+x+3}{5y^2+2y+5}
5 y 2 + 2 y + 5 2 x 2 + x + 3
9.2累加
格式+实例
$\sum_{}^{}$
累加号的上标下标的前后顺序可以互换。
$\sum{3x^n}$
$\sum_{n=1}^N{3x^n}$
$\sum^N_{n=1}{3x^n}$
结果展示
∑
3
x
n
\sum{3x^n}
∑ 3 x n
∑
n
=
1
N
3
x
n
\sum_{n=1}^N{3x^n}
∑ n = 1 N 3 x n
∑
n
=
1
N
3
x
n
\sum^N_{n=1}{3x^n}
∑ n = 1 N 3 x n
9.3累乘
格式+实例
$\prod_{}^{}$
累乘号的上标下标的前后顺序可以互换。
$\prod{3x^n}$
$\prod_{n=1}^N{3x^n}$
结果展示
∏
3
x
n
\prod{3x^n}
∏ 3 x n
∏
n
=
1
N
3
x
n
\prod_{n=1}^N{3x^n}
∏ n = 1 N 3 x n
9.4开方
格式+实例
$\sqrt[]{}$
[]中写的是开几次方,{}中写的是需要开方的数值。
$\sqrt[4]{100}$
结果展示
100
4
\sqrt[4]{100}
4 1 0 0
9.5积分
格式+实例
$\int_{}^{}$
积分 $\int^5_1{f(x)}{\rm d}x$
二重积分 $\iint^5_1{f(x)}{\rm d}x$
三重积分 $\iiint^5_1{f(x)}{\rm d}x$
结果展示
积分
∫
1
5
f
(
x
)
d
x
\int^5_1{f(x)}{\rm d}x
∫ 1 5 f ( x ) d x
二重积分
∬
1
5
f
(
x
)
d
x
\iint^5_1{f(x)}{\rm d}x
∬ 1 5 f ( x ) d x
三重积分
∭
1
5
f
(
x
)
d
x
\iiint^5_1{f(x)}{\rm d}x
∭ 1 5 f ( x ) d x
9.6正无穷、负无穷
格式+实例
$\infty$
正无穷 $+\infty$
负无穷 $-\infty$
结果展示
正无穷
+
∞
+\infty
+ ∞
负无穷
−
∞
-\infty
− ∞
9.7极限
实例
左箭头 $\lim_{n\rightarrow+\infty}n$
结果展示
左箭头
lim
n
→
+
∞
n
\lim_{n\rightarrow+\infty}n
lim n → + ∞ n
9.8关系运算符
实例
名称 数学表达式 公式 大于等于
≥
\geq
≥ $\geq$ 大于等于
≤
\leq
≤ $\leq$ 包含于
⊂
\subset
⊂ $\subset$ 包含
⊃
\supset
⊃ $\supset$
9.9二元运算符
实例
名称 数学表达式 公式 加减
±
\pm
± $\pm$ 点乘
⋅
\cdot
⋅ $\cdot$ 乘
×
\times
× $\times$ 除
÷
\div
÷ $\div$
9.9否定关系运算符
实例
名称 数学表达式 公式 不等于
≠
\not=
= $\not=$ 不小于
≮
\not<
< $\not<$ 不包含
⊅
\not\supset
⊃ $\not\supset$
9.10对数运算符
实例
名称 数学表达式 公式 对数
log
\log
log $\log$ 对数
log
2
18
\log_2{18}
log 2 1 8 $\log_2{18}$ 对数
ln
\ln
ln $\ln$ 对数
lg
\lg
lg $\lg$
9.11三角运算符
实例
名称 数学表达式 公式 垂直
⊥
\bot
⊥ $\bot$ 角
∠
\angle
∠ $\angle$ 30度角
3
0
∘
30^\circ
3 0 ∘ $30^\circ$ 正弦
sin
\sin
sin $\sin$ 余弦
cos
\cos
cos $\cos$ 正切
tan
\tan
tan $\tan$
9.12箭头
实例
名称 数学表达式 公式 左箭头
←
\leftarrow
← $\leftarrow$ 右箭头
→
\rightarrow
→ $\rightarrow$ 长箭头
⟶
\longrightarrow
⟶ $\longrightarrow$ 上箭头
↑
\uparrow
↑ $\uparrow$ 下箭头
↓
\downarrow
↓ $\downarrow$
9.13省略号
实例
$\cdots$
结果展示
⋯
\cdots
⋯
9.14行间公式
格式+实例
使用两个$包含格式可以独立一行
$$\frac{d}{dc}e^{ax}=ae^{ax}\quad\sum_{i=1}^{n}{(X_i-\overline{X})^2}$$
结果展示
d
d
c
e
a
x
=
a
e
a
x
∑
i
=
1
n
(
X
i
−
X
‾
)
2
\frac{d}{dc}e^{ax}=ae^{ax}\quad\sum_{i=1}^{n}{(X_i-\overline{X})^2}
d c d e a x = a e a x i = 1 ∑ n ( X i − X ) 2
9.15矢量
实例
$\vec{a}$
$\vec{a}\cdot\vec{b}=0$
结果展示
a
⃗
\vec{a}
a
a
⃗
⋅
b
⃗
=
0
\vec{a}\cdot\vec{b}=0
a
⋅ b
= 0
9.16希腊字母
实例
字母名称 大写 公式 小写 公式 alpha
A
A
A $A$
α
\alpha
α $\alpha$ beta
B
B
B $B$
β
\beta
β $\beta$ gamma
Γ
\Gamma
Γ $\Gamma$
γ
\gamma
γ $\gamma$ delta
Δ
\Delta
Δ $\Delta$
δ
\delta
δ $\delta$ epsilon
E
E
E $E$
ϵ
\epsilon
ϵ $\epsilon$
ε
\varepsilon
ε $\varepsilon$ zeta
Z
Z
Z $Z$
ζ
\zeta
ζ $\zeta$ eta
E
E
E $E$
η
\eta
η $\eta$ theta
Θ
\Theta
Θ $\Theta$
θ
\theta
θ $\theta$ iota
I
I
I $I$
ι
\iota
ι $\iota$ kappa
K
K
K $K$
κ
\kappa
κ $\kappa$ lambda
Λ
\Lambda
Λ $\Lambda$
λ
\lambda
λ $\lambda$ Mu
M
M
M $M$
μ
\mu
μ $\mu$ nu
N
N
N $N$
ν
\nu
ν $\nu$ xi
Ξ
\Xi
Ξ $\Xi$
ξ
\xi
ξ $\xi$ omicron
O
O
O $O$
ο
\omicron
ο $\omicron$ pi
Π
\Pi
Π $\Pi$
π
\pi
π $\pi$ rho
P
P
P $P$
ρ
\rho
ρ $\rho$ sigma
Σ
\Sigma
Σ $\Sigma$
σ
\sigma
σ $\sigma$ tau
T
T
T $T$
τ
\tau
τ $\tau$ upsilon
Υ
\Upsilon
Υ $\Upsilon$
υ
\upsilon
υ $\upsilon$ phi
Φ
\Phi
Φ $\Phi$
ϕ
\phi
ϕ $\phi$
φ
\varphi
φ $\varphi$ chi
X
X
X $X$
χ
\chi
χ $\chi$ psi
Ψ
\Psi
Ψ $\Psi$
ψ
\psi
ψ $\psi$
⨀
\bigodot
⨀ $\bigodot$
⨂
\bigotimes
⨂ $\bigotimes$
⨁
\bigoplus
⨁ $\bigoplus$
9.17空心字母与Fraktur字母
实例
A-Z都可以用
符号 公式
A
\mathbb{A}
A $\mathbb{A}$
Y
\mathbb{Y}
Y $\mathbb{Y}$
9.18分段函数
实例
$$
P_{r-j} =
\begin{cases}
0 &\mbox{if $r-j$ is odd}\\
r!\,(-1)^{(r-j)/2}&\mbox{if $r-j$ is even}
\end{cases}
$$
其中\\表示换行
&表示将符号之后的字符进行对齐
结果展示 上面的代码在typora上是可以用的,在这里在条件部分出现了几个错误,暂时还不知道怎么解决;下面部分是删了报错代码得到的,条件部分展示有点不尽人意😓。知道怎么解决的朋友可以指点一下我,我也是最近才开始接触Markdown,很多东西还不太懂。
$$
P_{r-j} =
\begin{cases}
0 & {if r-j is odd}\\
r!\,(-1)^{(r-j)/2} &{if r-j is even}
\end{cases}
$$
P
r
−
j
=
{
0
i
f
r
−
j
i
s
o
d
d
r
!
(
−
1
)
(
r
−
j
)
/
2
i
f
r
−
j
i
s
e
v
e
n
P_{r-j} = \begin{cases} 0 & {if r-j is odd}\\ r!\,(-1)^{(r-j)/2} &{if r-j is even} \end{cases}
P r − j = { 0 r ! ( − 1 ) ( r − j ) / 2 i f r − j i s o d d i f r − j i s e v e n
10.表情符号
Emoji 支持表情符号,可以用系统默认的Emoji符号
格式
输入:将会智能提示
直接输入法输入
快捷键后点选:
· Mac: control+command+space点选
· Window:使用Win键+.
结果展示+操作截图
😄
😀
😊
11.列表
11.1无序列表
格式+实例
符号 空格
* 列表
+ 列表
- 列表
结果展示
11.2有序列表
格式+实例
数字.空格 文字
1. 列表
有序列表的序列号是从我们设定好的序列号开始的。
结果展示
列表
12.表格
格式
使用 | 来分隔不同的单元格,使用 - 来分隔表头和其它行
| 表头1 | 表头2 |
| ----- | ----- |
| 内容 | 内容 |
在表头下方的分隔符中加上:表示对齐方式:
:— 表示左对齐
: — : 表示中间对齐
— : 表示右对齐
结果展示
13.引用
实例
开头使用 > 符号,然后后面紧跟一个空格符号
> 引用内容
>> 在引用中嵌套引用
结果展示
引用内容
在引用中嵌套引用
14.代码
格式+实例
代码中的文本(包括Markdown语法)都会显示为原始内容
```语言名称(也可以不指定)
代码
```java
public static void main(String[] args){
}
结果展示
public static void main ( String [ ] args) {
}
15.跳转
15.1外部跳转-超链接
格式+实例
Markdown语法:
[link text](link)
[百度](www.baidu.com)
Html语法:
<a href="地址">标题</a>
<a href="WWW.baidu.com">百度</a>
点击Ctrl+鼠标左键即可跳转到相应界面
结果展示
百度
百度
15.2内部跳转
本文件内跳转-Typora支持
格式+实例
Markdown语法:
[link text](#要去的目的地-标题名称)
不管标题有几个#,设置链接时只有一个#,标题里的空格可以用 - 代替;开头和结尾的空格无所谓
[标题](#标题)
html语法:
<a href="#标题">标题</a>
例子:
<a href="#内部跳转">内部跳转</a>
还可以通过命名锚,可以跳转到特定的位置
命名锚:
<a name="标签">文本1</a>
跳转到该锚位置:
<a href="#标签">文本2</a>
例子:
Name 属性用于创建被命名的<a name="1">锚</a>(named anchors)。当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。
<a href="#1">跳转到锚</a>
结果展示
标题
内部跳转
Name 属性用于创建被命名的锚(named anchors)。当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。
跳转到锚
15.3自动链接
格式+实例
使用<>包含的URL或邮箱地址回被自动转换为超链接
<http://www.baidu.com>
<2674949110@qq.com>
结果展示
http://www.baidu.com
2674949110@qq.com
15.4重复链接
当文章中==重复使用同一个链接(对下面的图片也一样的使用)==时,可以通过变量设置一个链接,相当于给这个链接起一个名字,方便同一修改,变量赋值在文档引用的下面一行
实例
[百度][Baidu]
...
[Baidu]:http://www.baidu.com
这个链接Baidu作为网址变量名字 百度
结果展示
百度
16.图片
格式+实例
![图片名字](图片地址或图片本地存储的路径)
![在这里插入图片描述](https://img-blog.csdnimg.cn/9f5d4a2763d54ae7b2b75d5a1b9a7e48.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0haUzg1MjAyMjM1MjA=,size_16,color_FFFFFF,t_70)
如果想放大缩小照片或其它操作在地址后面加上空格就回出现相应的选择。
17.转义字符
一般使用\来将一些特殊符号转为普通符号
实例
\---
\> title
\##title##
...
结果展示
—
> title
##title
18.利用Markdown画图(需要勾选扩展语法)
markdown画图也是轻量级的,功能并不齐全
Mermaid是一个用于画流程图、状态图、时序图、甘特图的库,使用JS进行本地渲染,广泛集成了许多Markdown编辑器中。
18.1饼图(Pie)
实例
```mermaid
pie title 食物
"奶茶" : 10
"炸鸡" : 20
"水" : 70
(“ ”、: 必须是英文符号)
结果展示
10%
30%
20%
5%
25%
10%
食物的营养价值
面条
牛奶
牛肉
炸鸡
蔬菜
鸡肉
18.2流程图
格式
graph 方向描述
图表的其它语句…
关键字graph表示一个流程图的开始,同时需要指定该图的方向。
其中方向描述为:
用词 含义 TB 从上到下 BT 从下到上 RL 从右到左 LR 从左到右
最常用的布局方向是TB、LR。
```mermaid
graph LR;
A [Hard edge]–> B(Round edge)
B –> C{Decision}
C –> |One| D[Result one]
C –> |Two| E[Result two]
结果展示
One
Two
Hard edge
Round edge
Decision
Result onr
Result two
流程图常用符号及含义
节点形状
表述 说明 含义 id[文字] 矩形节点 表示过程,也就是整个流程中的一个环节 id(文字) 圆角矩形节点 表示开始和结束 id((文字)) 菱形节点 表示判断、决策 id>文字] 右向旗帜状节点
单向箭头线段 :表示流程进行方向,箭头–>中的–要是中文符号
id即为节点的唯一标识,A~F是当前节点名字,类似于变量名,画图时便于引用括号内是节点中要显示的文字,默认节点的名字和显示的文字都为A。括号中显示的文字出现标点符号时,整段文字用“ ”括起来。
实例
```mermaid
graph TB
A
B(圆角矩形节点)
C[矩形节点]
D((圆形节点))
E{菱形节点}
F>右向旗帜状节点]
结果展示
A
圆角矩形节点
矩形节点
圆形节点
菱形节点
右向旗帜状节点
```mermaid
graph TB
begin(出门)–> buy[炸鸡]
buy –> IsRemaining{“还有没有炸鸡?”}
IsRemaining –> |有|Happy[买完炸鸡]–> goBack(回家)
IsRemaining–>没有–>sad[伤心]–>goBack
结果展示
有
出门
炸鸡!
还有没有炸鸡?
买完炸鸡
回家
没有
伤心
连线
实例
```mermaid
graph TB
A1-->B1
A2---B2
A3--text---B3
A4--text-->B4
A5-.-B5
A6-.->B6
A7-.text.-B7
A8-.text.->B8
A9=\==B9
A10\==>B10
A11\==text\=\==B11
A12\==text==>B12
结果展示
text
text
text
text
text
text
A1
B1
A2
B2
A3
B3
A4
B4
A5
B5
A6
B6
A7
B7
A8
B8
A9
B9
A10
B10
A11
B11
A12
B12
18.3子图表
格式+实例
subgraph 子图表名称
子图表中的描述语句…
end
```mermaid
graph TB
subgraph 买炸鸡前
begin(出门) –> buy[出门买炸鸡]
end
buy –> IsRemaining{“还有没有炸鸡?”}
IsRemaining –> 没有 –> sad[伤心] –> goBack(回家)
IsRemaining –> |有|happy[买完炸鸡开心] –> goBack
结果展示
买炸鸡前
有
出门买炸鸡
出门
还有没有炸鸡?
没有
伤心
回家
买完炸鸡开心
18.4序列图
格式
```mermaid
sequenceDiagram
[参与者1][消息线 ][参与者2]:消息体
…
其中sequenceDiagram为每幅时序图的固定开头
实例
```mermaid
sequenceDiagram
Title:买炸鸡
救救 ->> 炸鸡店小哥:还有炸鸡吗?
炸鸡店小哥 –>> 救救:没有,要现炸
:符号需要英文符号
结果展示
救救
炸鸡店小哥
还有炸鸡吗?
没有,要现炸
救救
炸鸡店小哥
买炸鸡
参与者
传统时序图概念中参与者有角色和类对象之分,但这里我们不做此区分,用参与者表示一切参与交互的事务,可以是人、类对象、系统等形式。中间竖线的线段从上到下表示时间的流逝。
格式
```mermaid
sequenceDiagram
participant 参与者1
participant 参与者2
…
participant 简称 as 参与者3 #该语法可以在接下来的描述中使用简称来代替参与者3
participant<参与者名称> 声明参与者,语句次序即为参与者横向排序次序
消息线
类型 描述 -> 无箭头的实线 –> 无箭头的虚线 -> 有箭头的实线(主动发出消息) —> 有箭头的虚线(响应) -x 末端为叉的实线(表示异步) –x 末端为叉的虚线(表示异步)
处理中-激活框
从消息接收方的时间线上标记一小段时间,表示对消息进行处理的时间间隔。
在消息线末尾增加+
,则消息接收者进入当前消息的“处理中”状态;
在消息线末尾增加 -
,则消息接收者离开当前消息的“处理中”状态。
实例
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller:还有炸鸡吗?
seller -->> 99: 没有,要现炸。
99 -x +seller:给我炸!
seller -->> -99:你的炸鸡好了!
结果展示
救救
炸鸡店小哥
还有炸鸡吗?
没有,要现炸。
给我炸!
你的炸鸡好了!
救救
炸鸡店小哥
买炸鸡
注解
格式+实例
Note 位置表述 参与者: 标注文字
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
Note over 99,seller : 热爱炸鸡
Note left of 99 : 女
Note right of seller : 男
99 ->> seller: 还有炸鸡吗?
seller -->> 99: 没有,要现炸。
99 -x +seller : 给我炸!
seller -->> -99: 您的炸鸡好了!
其中位置表述可以为
表述 含义 right of 右侧 left of 左侧 over 在当中,可以横跨多个参与者
结果展示
救救
炸鸡店小哥
热爱炸鸡
女
男
还有炸鸡吗?
没有,要现炸。
给我炸!
您的炸鸡好了!
救救
炸鸡店小哥
买炸鸡
循环
在条件满足时,重复发出消息序列。(相当于编程语言中的while语句)
实例
```mermaid
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller: 还有炸鸡吗?
seller -->> 99: 没有,要现炸。
99 ->> +seller:给我炸!
loop 三分钟一次
99 ->> seller : 我的炸鸡好了吗?
seller -->> 99 : 正在炸
end
seller -->> -99: 您的炸鸡好了!
结果展示
救救
炸鸡店小哥
还有炸鸡吗?
没有,要现炸。
给我炸!
我的炸鸡好了吗?
正在炸
loop
[三分钟一次]
您的炸鸡好了!
救救
炸鸡店小哥
买炸鸡
选择
在多个条件中作出判断,每个条件将对应不同的消息序列。(相当于if及else if语句)
实例
```mermaid
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller: 现在有多少只炸好的炸鸡?
seller -->> 99: 可卖的炸鸡数
alt 可卖的炸鸡数 > 3
99 ->> seller : 买三只!
else 1 < 可卖的炸鸡数 < 3
99 ->> seller : 有多少买多少
else 可卖的炸鸡数 < 1
99 ->> seller : 那我明天再来
end
结果展示
救救
炸鸡店小哥
现在有多少只炸好的炸鸡?
可卖的炸鸡数
买三只!
有多少买多少
那我明天再来
alt
[可卖的炸鸡数 > 3]
[1 < 可卖的炸鸡数 < 3]
[可卖的炸鸡数 < 1]
救救
炸鸡店小哥
买炸鸡
可选
在某条件满足时执行消息序列,否则不执行。相当于单个分支的if语句。
实例
```mermaid
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller : 买炸鸡
opt 全都卖完了
seller -->> 99 :下次再来
end
结果展示
救救
炸鸡店小哥
买炸鸡
下次再来
opt
[全都卖完了]
救救
炸鸡店小哥
买炸鸡
并行
将消息序列分成多个片段,这些片段并行执行。
实例
```mermaid
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller : 一个炸鸡,一杯可乐!
par 并行执行
seller ->> seller: 装可乐
and
seller ->> seller: 炸炸鸡
end
seller -->> 99 : 你的炸鸡好了!
结果展示
救救
炸鸡店小哥
一个炸鸡,一杯可乐!
装可乐
炸炸鸡
par
[并行执行]
你的炸鸡好了!
救救
炸鸡店小哥
买炸鸡
18.5甘特图(gantt)
甘特图是一种条形图,由 Karol Adamiecki 于 1896 年首次开发,1910 年代由 Henry Gantt 独立开发,用于说明项目时间表以及完成任何一个项目所需的时间。甘特图说明项目的终端元素和摘要元素的开始日期和完成日期之间的天数。
注意事项
甘特图将每个计划任务记录为一个从左向右延伸的连续条。x 轴代表时间,y 轴记录不同的任务及其完成的顺序。 当特定于任务的日期、日期或日期集合被“排除”时,甘特图将通过向右扩展相同的天数来适应这些更改,而不是通过在内部创建间隙任务。 如果排除的日期在两个设置为连续开始的任务之间,则排除的日期将被图形跳过并留空,并且在排除的日期结束后将开始下一个任务。 甘特图可用于跟踪项目完成前所需的时间,但它也可用于以图形方式表示“非工作日”,只需稍作调整。 Mermaid 可以将甘特图呈现为 SVG、PNG 或可以粘贴到文档中的 MarkDown 链接。
格式
```mermaid
title 标题
dateFormat 日期格式
section 部分名
任务名:参数一, 参数二, 参数三, 参数四,参数五
//参数一:crit(是否重要,红框框) 或者 不填
//参数二:done(已完成)、active(正在进行) 或者 不填(表示为待完成状态)
//参数三:取小名 或者 不填
//参数四:任务开始时间
//参数五:任务结束时间
实例
```mermaid
gantt
dateFormat YYYY-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 jison :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
section Documentation
Describe gantt syntax :active, a1, after des1, 3d
Add gantt diagram to demo page :after a1 , 20h
Add another diagram to demo page :doc1, after a1 , 48h
section Last section
Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page :20h
Add another diagram to demo page :48h
结果展示
Mon 06
Mon 13
Mon 20
Completed task
Active task
Future task
Future task2
Completed task in the critical line
Implement parser and jison
Create tests for parser
Future task in critical line
Create tests for renderer
Add to mermaid
Describe gantt syntax
Add gantt diagram to demo page
Add another diagram to demo page
Describe gantt syntax
Add gantt diagram to demo page
Add another diagram to demo page
A section
Critical tasks
Documentation
Last section
Adding GANTT diagram functionality to mermaid
19.功能快捷键
撤销:Ctrl/Command + Z 重做:Ctrl/Command + Y 加粗:Ctrl/Command + B 斜体:Ctrl/Command + I 标题:Ctrl/Command + Shift + H 无序列表:Ctrl/Command + Shift + U 有序列表:Ctrl/Command + Shift + O 检查列表:Ctrl/Command + Shift + C 插入代码:Ctrl/Command + Shift + K 插入链接:Ctrl/Command + Shift + L 插入图片:Ctrl/Command + Shift + G 查找:Ctrl/Command + F 替换:Ctrl/Command + G
20.注脚
格式
文本。[^数字]
[^数字]:注脚的解释
结果展示
注脚
21.目录
格式
@[TOC]
@[TOC](目录名称) 自定义目录
本文大部分内容参考于:markdown-tutorial
用Markdown画图
甘特图
markdown编辑数学公式
MarkDown(LaTex) 数学公式
Markdown中数学公式整理
其它文章 : >>C语言的杂碎知识点 >>数据在内存中的存储 >>标准输入输出函数 >>printf源码
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)