知识-Markdown新手指南

MarkDown 新手指南

标题

语法格式:** ‘#’+’空格’+’文本’ **

在行首插入 1 到 6个#,分别表示标题 1 到标题 6

# 这是标题1
## 这是标题2
##### 这是标题6

有序列表

语法格式:** ‘数字’ + ‘.’ + ‘空格’ + ‘文本’ **

在行首增加 1.1.3.,即数字和英文句点, 不要求数字一定要连续,可以都是1.

1. 有序列表
2. 有序列表
3. 有序列表

无序列表

语法格式:** ‘-‘ + ‘空格’ + ‘文本’ **

在行首增加 * 或 -

* 无序列表
* 无序列表

任务列表

语法格式:** ‘-‘ + ‘空格’ + ‘[ ]’ + ‘文本’ **

- [x] 文本一
- [] 文本二

引用

语法格式:** ‘>’+’空格’+’文本’ **

插入图片

![图片说明文字](图片url)

![图片说明文字](./图片url)

插入链接

[描述](链接地址)

粗体、斜体、删除线

粗体:在文字前后添加 ** (注意符号与文字间不要有空格)
斜体:在文字前后添加 *
删除线:在文字前后添加 ~~

粗体
斜体
删除线

引用

在文字前 添加 >

表格

| 为知笔记|更新 | 版本 |
|------------|-----------|--------|
| WizNote | Markdown| Latest |

对齐方式
| 表格标题| 表格标题 | 表格标题 |
|:----|------:|:----:|
| 左对齐 | 右对齐| 居中对齐 |

代码

在代码前后增加 三个反单引号:```

1
2
3
int i = 0; i = 1; for (int i = 0; i < 100; i++){
printf("hello markdown!\n");
}

目录

在任何你想要展示Markdown 笔记目录的地方,添加 [TOC]

Mathjax 公式

可以创建行内公式(typora需要开启“内联公式”方可渲染),例如:

  1. $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$,效果:$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$
  2. 或者块级公式,
    1
    2
    3
    $$ 
    x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}
    $$
    效果:
    $$
    x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}
    $$

常用符号

显示 名称说明
$\infty$ 无穷
$\emptyset$或$\varnothing$、$\subset$、$\subseteq$、$\cap$、$\cup$、$\biguplus$、$\bigsqcup$ 空集、子集、真子集、交集、并集、多重集、大杯
$\in$、$\notin$、 属于、不属于、
$\subseteq$、$\subsetneqq$、$\supseteq$、$\supsetneqq$、 包含于、真包含于、包含、真包含、
$\neg$、$\lor$、$\land$ 逻辑非、逻辑或、逻辑与
$\forall$、$\exists$、$\exists!$ 对全部、至少存在一个、只存在一个、
$\Rightarrow$或$\Longrightarrow$、$\Leftarrow$或$\Longleftarrow$、$\Leftrightarrow$或$\iff$ 推出、被推出、等价于
$\uparrow$、$\downarrow$、$\Uparrow$、$\Downarrow$、$\rightarrow$或$\longrightarrow$、$\leftarrow$或$\longleftarrow$、
$\overrightarrow a$或$\vec a$ 向量、点乘
$\perp$、$\not\perp$、$\parallel$、$\nparallel$ 垂直、不垂直、平行、不平行
$\sim$、$\cong$、$\triangle$、$\angle$ 相似、全等、三角形、角度
$x_1^2$ 上下标
$\pm$、$\mp$ 加减、减加
$\quad$、&nbsp;&ensp;&emsp; 空格
$\cdots$或$\ldots$ 省略号
$\sqrt{3}、$ $\sqrt[3]{x}$ 开方
$\frac{1}{2}$或$\dfrac{x}{y}$ 分数
$\times$、$\cdot$、$\div$ 乘号(叉乘)、点乘、除号
$\geq$或$\geqslant$、$\leq$或$\leqslant$、$\approx$、$\equiv$、$\neq$或$\not=$ 大于等于、小于等于、约等于、恒等于(相当于)、不等于
$\sum$和$\sum_1^n\frac{1}{x^2}$ 累加
$\prod$和$\prod_{i=0}^n{1 \over {x^2}}$ 累乘
$\log$、$\lg$、$\ln$ 对数
$\sin$、$\cos$、$\tan$、$\cot$、$\sec$、$\csc$ 三角函数
$\lim$、$\lim\limits_{x\rightarrow\infty}\frac{1}{x}$ 极限
$\int$和$\int_0^1x^2dx$、$\iint$ 积分
$\because$、$\therefore$ 因为、所以
$\overline{a+b+c}$、$underline{a+b}$、$\overbrace{a+b}^{3个}$、$\underbrace{a+b}_{3个}$ 上划线、下划线、上括号、下括号
$\hat{y}$或$\check{y}$或$\breve{y}$ 连线:期望值、
$\bar x$ 平均值
# $ % & _ { } 转义符号
$\acute{\eta}$
$\dot{y}$、$\ddot{y}$

LaTex希腊字母表

  • 对于大写锡来么与英文字母相同的,直接输入英文大写字母即可,不过是斜体
  • 如果想输入正体而非斜体的大写字母,请用字体语法加字母,如\mathrm{A}
大小写字母 LaTex公式 大小写字母 LaTex公式
$\mathrm{A}$和$\alpha$ \mathrm{A}\alpha $\mathbb N$和$\nu$ \mathbb N\nu
$\mathrm{B}$和$\beta$ \mathrm{B}\beta $\Xi$和$\xi$ \Xi\xi
$\Gamma$和$\gamma$ \Gamma\gamma $\mathrm{O}$和$\omicron$ \mathrm{O}\omicron
$\Delta$和$\delta$ \Delta\delta $\Pi$,$\pi$和$\varpi$ \Pi,\pi\varpi
$\mathrm{E}$,$\epsilon$和$\varepsilon$ \mathrm{E},\epsilon\varepsilon $\mathrm{P}$,$\rho$和$\varrho$ \mathrm{P},\rho\varrho
$\mathrm{Z}$和$\zeta$ \mathrm{Z}\zeta $\Sigma$,$\sigma$和$\varsigma$ \Sigma,\sigma\varsigma
$\mathrm{H}$和$\eta$ \mathrm{H}\eta $\mathrm{T}$和$\tau$ \mathrm{T}\tau
$\Theta$,$\theta$和$\vartheta$ \Theta,\theta\vartheta $\Upsilon$和$\upsilon$ \Upsilon\upsilon
$\mathrm{I}$和$\iota$ \mathrm{I}\iota $\Phi$,$\phi$和$\varphi$ \Phi,\phi\varphi
$\mathrm{K}$,$\kappa$和$\varkappa$ \mathrm{K},\kappa\varkappa $\mathrm{X}$和$\chi$ \mathrm{X}\chi
$\Lambda$和$\lambda$ \Lambda\lambda $\Psi$和$\psi$ \Psi\psi
$\mathrm{M}$和$\mu$ \mathrm{M}}\mu $\Omega$和$\omega$ \Omega\omega
$\digamma$ \digamma

流程图

标准流程图

1
2
3
4
5
6
7
8
9
st=>start: Start
e=>end: End
op1=>operation: Your Operation
sub1=>subroutine: Your Subroutine
cond=>condition: Yes or No?
io=>inputoutput: catch somthing...
st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1
1
2
3
4
5
6
7
8
9
10
11
st=>start: 开始
e=>end: 结束
c1=>condition: A
c2=>condition: B
c3=>condition: C
io=>inputoutput: D
st->c1(no)->e
c2(no)->e
c3(no)->e
c1(yes,right)->c2(yes,right)->c3(yes,right)->io
io->e
1
2
3
4
5
6
7
graph TB
A[Apple]-->B{Boy}
A---C(Cat)
B.->D((Dog))
C==喵==>D
style A file:#2ff,fill-opacity:0.1,stroke:#faa,stroke-width:4px
style D stroke:#000,stroke-width:8px;
1
2
3
4
5
6
7
8
9
10
11
12
sequenceDiagram
participant 张 as 张三
participant 李 as 李四
张 ->> 李: 你好!李四, 最近怎么样?
alt 如果感冒了
李->> 张: 不太好,生病了。
else 挺好的
李->> 张: 我很好,谢谢。
end
opt 另外补充
李->> 张: 谢谢问候。
end
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
sequenceDiagram
participant 张 as 张三
participant 李 as 李四
participant 王 as 王五
张 ->> +李: 你好!李四, 最近怎么样?
李-->> 王: 你最近怎么样,王五?
李--x -张: 我很好,谢谢!
activate 王
李-x 王: 我很好,谢谢!
Note over 李,王: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
deactivate 王
loop 李四再想想
李-->>王: 我还要想想
王-->>李: 想想吧
end
李-->>张: 打量着王五...
张->>王: 很好... 王五, 你怎么样?

样式流程图

1
2
3
4
5
6
7
graph LR
A(开始) -->B(起床)
B --天气不好--- C>干活]
C ==> D{休息时间到了}
D -.yes.-> E((休息))
D -.no.-> C
E --> F(吃饭)

注意:

  1. 关键词(start、end、operation、subroutine、condition和inputoutput)后的冒号后要紧跟一个空格。
  2. 使用->来连接两个元素,对于condition类型,有yes和no两个分支,如示例中的cond(yes)和cond(no)。
    更多关于流程图的语法说明:http://adrai.github.io/flowchart.js/

时序图

标准时序图

1
2
3
4
5
6
7
8
Title:时序图示例
客户端->服务端: 我想找你拿下数据 SYN
服务端-->客户端: 我收到你的请求啦 ACK+SYN
客户端->>服务端: 我收到你的确认啦,我们开始通信吧 ACK
Note right of 服务端: 我是一个服务端
Note left of 客户端: 我是一个客户端
Note over 服务端,客户端: TCP 三次握手
participant 观察者

基本语法:

Title:标题 :指定时序图的标题
Note direction of 对象:描述 : 在对象的某一侧添加描述,direction 可以为 right/left/over , 对象 可以是多个对象,以 , 作为分隔符
participant 对象 :创建一个对象
loop…end :创建一个循环体
对象A->对象B:描述 : 绘制A与B之间的对话,以实线连接
-> 实线实心箭头指向
–> 虚线实心箭头指向
->> 实线小箭头指向
–>> 虚线小箭头指向

带样式时序图

需要使用 mermaid 解析,并在开头使用关键字 sequenceDiagram 指明

1
2
3
4
5
6
7
8
9
10
11
12
sequenceDiagram
对象A->对象B:中午吃什么?
对象B->>对象A: 随便
loop 思考
对象A->对象A: 努力搜索
end
对象A-->>对象B: 火锅?
对象B->>对象A: 可以
Note left of 对象A: 我是一个对象A
Note right of 对象B: 我是一个对象B
participant 对象C
Note over 对象C: 我自己说了算

甘特图

基本语法:
使用 mermaid 解析语言,在开头使用关键字 gantt 指明
deteFormat 格式 指明日期的显示格式
title 标题 设置图标的标题
section 描述 定义纵向上的一个环节
定义步骤:每个步骤有两种状态 done(已完成)/ active(执行中)
描述: 状态,id,开始日期,结束日期/持续时间
描述: 状态[,id],after id2,持续时间
crit :可用于标记该步骤需要被修正,将高亮显示
如果不指定具体的开始时间或在某个步骤之后,将默认依次顺序排列

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
gantt
dateFormat YYYY-MM-DD

title 软件开发甘特图

section 设计
需求:done,des1, 2019-01-06,2019-01-08
原型:active,des2, 2019-01-09, 3d
UI设计:des3, after des2, 5d
未来任务:des4, after des3, 5d

section 开发
学习准备理解需求:crit, done, 2019-01-06,24h
设计框架:crit, done, after des2, 2d
开发:crit, active, 3d
未来任务:crit, 5d
休息时间:2d

section 测试
功能测试:active, a1, after des3, 3d
压力测试:after a1, 20h
测试报告: 48h
1
2
3
4
graph TD
字节码--> Mac虚拟机 --> Mac
字节码--> Linux虚拟机 --> Linux
字节码--> Windows虚拟机 --> Windows

Typora 页面跳转

第一种,跳转到标题的地方

1
[任意文字](#标题名称)

例子:
我要跳转到有序列表的这个标题

第二种,跳转到非标题的地方

页面内要跳转的地方加个锚点

1
<a name="这是要跳转的地方的锚点"></a>

要触发跳转的地方

1
[我要跳转到那边去](#这是要跳转的地方的锚点)

例子:

跳转到那

第三种,markdown跳别的文件

实现方法:

相对路径方式

  • ../ 表示当前目录的上一级
  • ./ 表示当前目录
    格式
    1
    [添加对象](相对路径)

例子:

  1. 向下跳转

    1
    2
    [content](/content)
    [第一章](/content/C1.md)
  2. 同级跳转

    1
    2
    [下一章](./C2.md)  //C1.md
    [上一章](./C1.md) //C2.md

    例如:
    建站-个人博客

  3. 向上跳转

    1
    [返回目录](../README.md) //C2.md

绝对路径方式

  1. 采用HTML写法
    1
    <a href="https://github.com/BackMountainDevil/The-C-Programming-Language#the-c-programming-language">返回目录</a>
  2. 采用md(Markdown)写法
    1
    [返回目录](https://github.com/BackMountainDevil/The-C-Programming-Language#the-c-programming-language)

分列显示(支持CSS)

左侧 右侧

css内不支持md语法