MarkDown学习笔记

2023-05-16

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.列表
      • 11.1无序列表
      • 11.2有序列表
    • 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

结果展示

水 H2O


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} a2+ba+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} 5y2+2y+52x2+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} 3xn

∑ n = 1 N 3 x n \sum_{n=1}^N{3x^n} n=1N3xn

∑ n = 1 N 3 x n \sum^N_{n=1}{3x^n} n=1N3xn


9.3累乘

格式+实例

$\prod_{}^{}$

累乘号的上标下标的前后顺序可以互换。

$\prod{3x^n}$

$\prod_{n=1}^N{3x^n}$


结果展示

∏ 3 x n \prod{3x^n} 3xn

∏ n = 1 N 3 x n \prod_{n=1}^N{3x^n} n=1N3xn


9.4开方

格式+实例

$\sqrt[]{}$

[]中写的是开几次方,{}中写的是需要开方的数值。

$\sqrt[4]{100}$


结果展示

100 4 \sqrt[4]{100} 4100


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 15f(x)dx

二重积分 ∬ 1 5 f ( x ) d x \iint^5_1{f(x)}{\rm d}x 15f(x)dx

三重积分 ∭ 1 5 f ( x ) d x \iiint^5_1{f(x)}{\rm d}x 15f(x)dx


9.6正无穷、负无穷

格式+实例

$\infty$

正无穷 $+\infty$

负无穷 $-\infty$


结果展示

正无穷 + ∞ +\infty +

负无穷 − ∞ -\infty


9.7极限

实例

左箭头 $\lim_{n\rightarrow+\infty}n$


结果展示

左箭头 lim ⁡ n → + ∞ n \lim_{n\rightarrow+\infty}n limn+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} log218$\log_2{18}$
对数 ln ⁡ \ln ln$\ln$
对数 lg ⁡ \lg lg$\lg$

9.11三角运算符

实例

名称数学表达式公式
垂直 ⊥ \bot $\bot$
∠ \angle $\angle$
30度角 3 0 ∘ 30^\circ 30$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} dcdeax=aeaxi=1n(XiX)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} Prj={0r!(1)(rj)/2ifrjisoddifrjiseven


10.表情符号


Emoji 支持表情符号,可以用系统默认的Emoji符号

格式

输入:将会智能提示
直接输入法输入
快捷键后点选:
   	· Mac: control+command+space点选
   	· Window:使用Win键+.

结果展示+操作截图

  1. 😄

在这里插入图片描述

  1. 😀

在这里插入图片描述

  1. 😊

11.列表


11.1无序列表

格式+实例

符号 空格
* 列表
+ 列表
- 列表

结果展示

  • 列表
  • 列表
  • 列表

11.2有序列表

格式+实例

数字.空格 文字
1. 列表

有序列表的序列号是从我们设定好的序列号开始的。


结果展示

  1. 列表

12.表格


格式

使用 | 来分隔不同的单元格,使用 - 来分隔表头和其它行

| 表头1 | 表头2 |
| ----- | ----- |
| 内容 | 内容 |

在表头下方的分隔符中加上:表示对齐方式:

  • :— 表示左对齐

  • : — : 表示中间对齐

  • — : 表示右对齐


结果展示

名字性别年龄
Sean24
Tom30

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 独立开发,用于说明项目时间表以及完成任何一个项目所需的时间。甘特图说明项目的终端元素和摘要元素的开始日期和完成日期之间的天数。

注意事项

  1. 甘特图将每个计划任务记录为一个从左向右延伸的连续条。x 轴代表时间,y 轴记录不同的任务及其完成的顺序。
  2. 当特定于任务的日期、日期或日期集合被“排除”时,甘特图将通过向右扩展相同的天数来适应这些更改,而不是通过在内部创建间隙任务。
  3. 如果排除的日期在两个设置为连续开始的任务之间,则排除的日期将被图形跳过并留空,并且在排除的日期结束后将开始下一个任务。
  4. 甘特图可用于跟踪项目完成前所需的时间,但它也可用于以图形方式表示“非工作日”,只需稍作调整。
  5. 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.注脚

格式

文本。[^数字]

[^数字]:注脚的解释


结果展示

注脚1


21.目录

格式

@[TOC]
@[TOC](目录名称)     自定义目录

本文大部分内容参考于:markdown-tutorial

​ 用Markdown画图

​ 甘特图

​ markdown编辑数学公式

​ MarkDown(LaTex) 数学公式

​ Markdown中数学公式整理

其它文章
>>C语言的杂碎知识点
>>数据在内存中的存储
>>标准输入输出函数
>>printf源码


  1. 脚注,是汉语词汇,是可以附在文章页面的最底端的,对某些东西加以说明,印在书页下端的注文。 ↩︎

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

MarkDown学习笔记 的相关文章

  • vbox下安装archlinux

    从 http mirrors ustc edu cn archlinux iso 下载archlinux 在vbox中启动安装介质 xff0c 默认关闭uefi 一路默认 xff0c 一直到磁盘分配 输入 span class hljs p
  • openstack zun源码分析

    容器服务启动过程 项目包括三个服务 xff0c 分别是zun api xff0c zun wsproxy xff0c zun compute xff0c 均使用systemctl来管理启动停止 xff0c 相关的服务文件如 zun api
  • 有效解决Ubuntu18.04无法联网问题

    网络配置 虚拟机的网络适配器的模式有两种 xff1a 桥接模式 xff1a 使得虚拟机拥有跟物理机一样的IP地址 NAT模式 xff1a 使得虚拟机直接共享物理机的IP xff0c 自己本身没有独立的IP地址 这两种模式选择在 以上两种模式
  • 5分钟带你了解音视频开发

    前言 想赚钱 xff0c 第一点就得选对自己的方向 xff0c 有的行业和领域 xff0c 无论你如何努力 xff0c 天花板也不过如此 选对时代的风口 xff0c 就算是头猪都能被吹上天 xff0c 今天我们就来聊聊音视频开发 蓬勃发展的
  • C# 学习笔记(一)-- C# 语言和 .NET 框架

    从今天开始 xff0c 在这里记录重新学习 C 的学习笔记 导语 之前曾经自学过一段时间的 C xff0c 也写过一些 WinForm 的小工具 个人认为 C 是我所见过的用法最为优雅 xff0c 使用起来最为舒服的语言 xff0c 因此便
  • Ubuntu 添加开机/关机执行脚本与service的理解

    最近碰到一个需求是需要在ubuntu中插入一个关机脚本 xff0c 在系统关机之前执行它 在网上浏览了很多资料 xff0c 但是没有切实可行的方法 xff0c 大多数的博客都是比较陈旧的方法 xff0c 可能已经不适用于最新的ubuntu1
  • Linux 进程间通信基础(四)--fifo管道

    最近正好有一些空余时间 xff0c 在这里总结一下曾经使用过的Linux进程间通信的几种方法 xff0c 贴出来帮助有需要的人 xff0c 也有助于自己总结经验加深理解 上一次我们梳理了pipe管道的相关知识 xff0c 这一次梳理fifo
  • 利用二进制文件制作自己的Debian软件安装包

    在使用Ubuntu系统的时候 xff0c 我们已经习惯了使用Debian风格的软件安装方式 即使用apt get install命令安转或dpkg i deb的方式安装debena软件包 但有时程序没有放到Ubuntu的源服务器上且不提供d
  • Tortoise Git 克隆出现"fatal: Authentication failed for"

    使用Tortoise Git克隆时出现 34 fatal Authentication failed for 34 的错误 xff0c 并且他还不让你输入用户名和密码 xff0c 寻找了许多办法 xff0c 看到最多的是在Git Bash中
  • 怎么解决 接口请求 504 Gateway Time-out

    HTTP 504 Gateway Timeout 错误通常是由于网关或代理服务器无法在规定的时间内从上游服务器接收到响应而导致的 这可能是由于上游服务器过载或网络问题导致的 要解决此问题 xff0c 可以尝试以下步骤 xff1a 检查上游服
  • WSL无法使用npm

    报错信息 root 64 DESKTOP U2RC2DU npm bash mnt c Program Files nodejs npm bin sh M bad interpreter No such file or directory
  • HDU 3700 Line belt

    Line belt Time Limit 2000 1000 MS Java Others Memory Limit 32768 32768 K Java Others Total Submission s 3669 Accepted Su
  • Ubuntu中使用framebuffer的方法

    打开 etc initramfs tools modules文件 xff0c 在末尾加上 xff1a fbcon vesafb 打开 etc modprobe d blacklist framebuffer xff0c 找到 blackli
  • html5.超链接标签,图片标签

    lt a gt 超链接标签 a标签常用的属性 xff1a href 用于指定链接的资源 target 设置打开新资源的目标 Blank 在独立的窗口上打开新资源 self 在当前窗口打开新资源 file file协议 xff08 文件协议
  • ubuntu22.04 搭建 Pytorch环境

    关于电脑 第一步 安装anaconda 1 进入官网 链接 anaconda 2 下载linux的sh版 3 在对应位置输入 span class token function sh span 文件名 sh 4 选择 yes 5 选择no
  • opencv的ORB特征(slambook2 orb_cv.cpp代码详解)

    ORB特征提取与匹配 slambook2 ch7 orb cv cpp 1 头文件 span class token macro property span class token directive hash span span clas
  • Debian安装nodejs

    安装指定版本nodejs xff0c 以18 X版本为例 1 通过curl命令向系统中添加NodeSource存储库 curl sL https deb nodesource com setup 18 x bash xff08 如果提示 c
  • pip安装第三方库全攻略:普通安装、安装whl后缀文件、使用国内镜像安装

    简介 xff1a pip 是 Python 的包安装程序 其实 xff0c pip 就是 Python 标准库 xff08 The Python Standard Library xff09 中的一个包 xff0c 只是这个包比较特殊 xf
  • Python:处理cv2模块putText中文无法识别问题

    简介 xff1a 在cv2中 xff0c 目前putText函数中文是无法直接使用的 xff0c 需要进行一点的转换 解决办法为通过PIL模块重新封装一个函数 xff0c 直接调用 如图 xff1a 通过PIL模块改造 xff1a new
  • VLC播放电视直播rtmp流地址

    简介 xff1a RTMP是Real Time Messaging Protocol xff08 实时消息传输协议 xff09 的首字母缩写 该协议基于TCP xff0c 是一个协议族 xff0c 包括RTMP基本协议及RTMPT RTMP

随机推荐

  • Python:global的使用

    简介 xff1a 1 global是Python中的全局变量关键字 2 全局变量是编程术语中的一种 xff0c 源自于变量之分 3 变量分为局部与全局 xff0c 局部变量又可称之为内部变量 4 由某对象或某个函数所创建的变量通常都是局部变
  • Python:opencv画点、圆、线、多边形、矩形

    简介 xff1a 机器学习视觉方向一般都需要在图像中添加标注框 xff0c 标注框有着很大的用处 xff0c 特别是对图像中某些需要关注的特征起到圈定的效果 xff0c 方便对特征选择进行处理 相关攻略 xff1a 机器学习 xff1a 基
  • adb重启或关机手机命令

    简介 xff1a 在某些特殊场景中 xff0c 例如手机真机不在身边 xff0c 但已通过adb进行连接 xff0c 可以使用命令进行远程关机或者重启 相关攻略 xff1a adb xff1a 常用命令 adb xff1a win10系统下
  • docker:更换镜像源

    简介 xff1a 因为国内的网络访问问题 xff0c 为加快拉取镜像速度 xff0c 建议设置docker国内镜像源 相关攻略 xff1a win10 xff1a 安装docker和测试安装redis centos7 6 xff1a 安装d
  • 七大顶级Linux桌面比较

    1七大顶级Linux桌面 xff1a Unity 对于开源Linux平台来说 xff0c 如何选择就是首要解决的问题 通常Linux发行版都有默认的桌面成为你的首选 xff0c 但目前可供选择的桌面环境种类繁多 特别是Ubuntu系统一个平
  • Linux:安装go环境

    简介 xff1a Go xff08 又称 Golang xff09 是 Google 的 Robert Griesemer xff0c Rob Pike 及 Ken Thompson 开发的一种静态强类型 编译型语言 Go 语言语法与 C
  • docker应用:搭建私有云盘

    简介 xff1a NextCloud是一个开源的云存储解决方案 xff0c 可以在自己的服务器上搭建个人云存储系统 它提供了与市面上主流云存储服务 xff08 如Dropbox Google Drive xff09 相似的功能 xff0c
  • Flask+A-Frame:交互式全景图展示网站

    简介 xff1a 通过结合 Flask 轻量级 Web 框架与 A Frame 3D 和 VR 技术 xff0c 实现了一个可交互的全景图展示功能 xff0c 用户可以在浏览器中自由观看 旋转和缩放全景图片 项目的核心是使用 Flask 搭
  • OpenCV合成全景图

    简介 xff1a OpenCV 利用特征提取 特征匹配 齐次估计 图像配准和图像融合等技术 xff0c 将一系列图像合成为全景图 OpenCV 和 Pillow 是两个功能强大的 Python 图像处理库 xff0c 但它们在处理全景图拼接
  • BDD行为驱动开发+Python案例解析

    简介 xff1a BDD xff08 Behavior Driven Development xff0c 行为驱动开发 xff09 是一种敏捷软件开发方法 xff0c 它强调软件应该按照预期的行为来开发 BDD的核心理念是使用自然语言编写的
  • 操作系统迭代、Debian安装教程

    前言 最近在考虑公司生产环境操作系统的迭代问题 目前 xff0c 公司业务主要跑在CentOS7和8上面 xff0c 由于CentOS早已停止了7和8的支持 xff0c 新版的CentOS Stream也从RHEL的下游变成了上游 xff0
  • Debian修改DNS

    原文链接 Debian的DNS文件默认为 etc resolv conf 查看当前的DNS cat etc resolv conf 下图中画出的就是当前系统的DNS 如果想修改DNS的话 xff0c 可以直接vim 来修改文件 xff0c
  • 配置JupyterLab远程密码访问

    文章目录 部署环境配置步骤启动和连接访问启动连接访问 有些时候因为某些原因 xff08 如本地机器资源不足 数据不能离网等 xff09 xff0c 需要使用本地电脑连接远程服务器进行开发工作 xff0c 在这里记录下如何在远程Linux上配
  • linux查看 jre 安装目录

    近期对接平安银行项目 xff0c 要求放国密 jar包到jre目录 xff0c 网上也找了一些命令 xff0c 下面这个亲测有用 xff0c 特此记录一下 xff0c 我的系统版本是3 10 0 693 el7 x86 64 步骤 1 使用
  • Python选择网卡发包及接收数据包

    当一台计算机上有多个网卡时 xff0c 需要选择对应IP地址的网卡进行发送数据包或者接受数据包 1 选择网卡发包 xff08 应用scapy xff09 xff1a plface 61 conf route route 34 34 0 为对
  • php 使用 Excel/reader.php, 导入excel到数据库 ,解决The file is not readable。。

    今天小伙伴上传excel到服务器 并导入到数据库中 xff0c 可是文件一直出现 The file is not readable 是哪里的代码抛出的异常呢 xff1f 是Spreadsheet Excel Reader类里面 其中抛出异常
  • “The Language Support for Java server crashed“ 问题解决方案

    The Language Support for Java server crashed 问题解决方案 环境 xff1a Windowsvs code 1 356 14日最新发布的VSCodeJavaInstaller online win
  • (循环读取网易云缓存文件转mp3)

    循环读取网易云缓存文件转mp3 import java io DataInputStream import java io DataOutputStream import java io File import java io FileIn
  • 洛谷P4180 [BJWC2010]严格次小生成树

    传送门 之前写过一次 xff0c 但是理解不深刻 xff0c 复习之后有了更加细节的一些理解 好了进入正题 首先 xff0c 我们需要知道次小生成树一定是在最小生成树的邻集中 xff0c 即次小生成树与最小生成树只会有一条边的差别 所以我们
  • MarkDown学习笔记

    MarkDown学习笔记 目录 MarkDown学习笔记 1 标题2 段落3 文字3 1斜体3 2加粗3 3斜体 43 加粗3 4删除线3 5下划线3 6字体背景 4 分隔线5 扩展语法的说明6 高亮 xff08 需要勾选扩展语法 xff0