算法乐园主页笔记刷题

Markdown语法

注意:带*的是扩展语法,只有typora支持，其他markdown编辑器不一定支持

1.标题

# 标题


1
# 一级标题
2
## 二级标题
3
### 三级标题
4
注:#后面必须有一个空格

2.强调


xxxxxxxxxx
2
1
**欢迎报考大山中学!**
2
__欢迎报考中山大学!__

欢迎报考中山大学

在typora中，可以选中要强调的文字按下Ctrl+B

3.斜体

*欢迎各位大佬来浇浇我各种知识*

_欢迎各位大佬来浇浇我各种知识_

或者选中想要强调的文字按下Ctrl+I

欢迎各位大佬来浇浇我各种知识

斜体并强调用***或___包围

斜体并强调

4.删除线

~~我宣布个事儿,我是shabi~~

~~我宣布个事儿,我是傻逼~~

5.*高亮

(用==包围)

注意:这是扩展语法,仅typora支持

==我是黄色==

我是黄色

6.代码


xxxxxxxxxx
1
1
`sudo rm -rf /*`

sudo rm -rf /*(没事别乱敲这个)

7.代码块


xxxxxxxxxx
3
1
```
2
代码块
3
```

8.引用

[>+空格 前置]

引用是可以嵌套的


xxxxxxxxxx
2
1
> 24岁,是学生
2
>> 学生特有的无处不在(恼)

24岁,是学生
学生特有的无处不在(恼)

9.无序列表

[-或++空格前置]


xxxxxxxxxx
3
1
- 一颗是枣树
2
+ 另一棵也是枣树
3
* (这种也可以,不过在typora很难单个输入,故不常用)

敲回车会自动补全,按Tab会自动缩进一级

一颗是枣树
- 另一棵也是枣树

10.有序列表

数字+.+空格 前置


xxxxxxxxxx
4
1
我来这里就为了三件事:
2
1. 公平
3
2. 公平
4
3. 还是™的公平

我来这里就为了三件事:

公平
公平
还是™的公平

11.*上标

用^包围即可


xxxxxxxxxx
1
1
2^31^-1=2147483647

2³¹-1=2147483647

12.*下标

用~包围即可


xxxxxxxxxx
1
1
H~2~O是剧毒的

H₂O是剧毒的

13.*注释(标参考文献)

[^]后置


xxxxxxxxxx
2
1
 滑了天下之大稽[^1]
2
[^1]: 史记·滑稽列传——司马迁

滑了天下之大稽¹

14.链接

(注意:文内跳转为扩展语法)


x
1
打开[力扣](https://leetcode.cn)
2

3
[点击这里回到梦开始的地方](#Markdown语法)
4
第三行这个是扩展语法

打开力扣

点击这里回到梦开始的地方

15.任务列表


xxxxxxxxxx
4
1
TodoList:
2
- [ ] 打王者
3
- [x] 打王者
4
- [ ] 打力扣

打王者
打王者
打力扣

16.表格


xxxxxxxxxx
4
1
| 学号 | 姓名 | 年龄 |
2
| :--- |:---: | ---: |
3
|   114514   | 田所     |   24   |
4
|1919810|浩二|25|

用|绘制表格边框

第一行为表头,由第二行分割线决定对齐方式与长度,第三行及之后即表格数据

学号	姓名	年龄
114514	田所	24
1919810	浩二	25

17.图片

[直接拖进来或复制粘贴]


xxxxxxxxxx
2
1
![图片](图片的位置)
2
![反复分析](./Markdown.assets/反复分析.png)

18.分割线


xxxxxxxxxx
4
1
***
2
---
3
___
4
(三个以上就行)

19.Emoji

用英文输入Emoji是扩展语法


xxxxxxxxxx
3
1
:sweat_smile:
2
:drooling_face:
3
:clown_face:

敲键盘或回车点击,后置的:一般不需要手动输

要求英语水平够高,记得每个Emoji的英文名

😅

🤤 🤡

对于其余普通的Markdown编辑器,可以直接将Emoji表情复制进来,这是直接硬编码的 (~~刻进DNA里~~)

可以复制Emoji的网站

😇😂

20.*自动生成目录

输入[TOC]即可

21.内联HTML代码

参考文献

用<></>包围


xxxxxxxxxx
7
1
<div style="text-align:center">
2
    <font style="color:red">我不会 HTML 呜呜呜...浇浇我</font>
3
</div>
4

5
<center>简单的文字居中也可以这样</center>
6

7
<u>下划线</u>

我不会 HTML 呜呜呜...浇浇我

简单的文字居中也可以这样

下划线

只要你会写,你完全可以把Markdown当作HTML来写

同时,.md文件可以直接导出成一个网页

下划线还可以选中后按下Ctrl+U

$\LaTeX$ 公式

(部分编译器会不识别某些符号,Typora完全支持)


xxxxxxxxxx
47
1
$\LaTeX$是最棒的论文排版语言
2
$a^n+b^n=c^n$
3
$\int_{-\infty}^{+\infty}{f(x)\cdot e^{-2\pi j\cdot x}dx}$
4
$\lim_{x\to\infty}\sum_{i=1}^n{(1+\frac{1}{n})^n}$
5

6
$$
7
(公式块)
8
$$
9

10
$$
11
x_2=a_{11}x_1+a_{12}y_1\\
12
y_2=a_{21}x_1+a_{22}y_1\\
13
\enspace
14
\\
15
\begin{pmatrix}x_2\\y_2\end{pmatrix}=
16
\begin{pmatrix}
17
a_{11}&a_{12}\\a_{21}&a_{22}
18
\end{pmatrix}\cdot
19
\begin{pmatrix}x_1\\y_1\end{pmatrix}
20
$$
21

22
$$
23
\begin{cases}
24
\nabla\times\vec{E}=-\frac{\partial\vec{B}}{\partial t}\\
25
\nabla\times\vec{H}=\vec{J_v}+\frac{\partial\vec{D}}{\partial t}\\
26
\nabla\cdot\vec{D}=\rho_v\\
27
\nabla\cdot\vec{B}=0
28
\end{cases}\quad
29
\begin{cases}
30
\vec{D}=\epsilon\vec{E}\\
31
\vec{B}=\mu\vec{H}\\
32
\vec{J_v}=\sigma\vec{E}
33
\end{cases}
34
$$
35

36
$$
37
%\usepackage{unicode-math}
38
\displaystyle \ointctrclockwise\mathcal{D}[x(t)]
39
\sqrt{\frac{\displaystyle3\uppi^2-\sum_{q=0}^{\infty}(z+\hat L)^{q}
40
\exp(\symrm{i}q^2 \hbar x)}{\displaystyle (\symsfup{Tr}\symbfcal{A})
41
\left(\symbf\Lambda_{j_1j_2}^{i_1i_2}\Gamma_{i_1i_2}^{j_1j_2}
42
\hookrightarrow\vec D\cdot \symbf P \right)}}
43
=\underbrace{\widetilde{\left\langle \frac{\notin \emptyset}
44
{\varpi\alpha_{k\uparrow}}\middle\vert
45
\frac{\partial_\mu T_{\mu\nu}}{2}\right\rangle}}_{\mathrm{K}_3
46
\mathrm{Fe}(\mathrm{CN})_6} ,\forall z \in \mathbb{R}
47
$$

$\LaTeX$ $a^n+b^n=c^n$

$\int_{-\infty}^{+\infty}{f(x)\cdot e^{-2\pi j\cdot x}dx}$

$\lim_{x\to\infty}\sum_{i=1}^n{(1+\frac{1}{n})^n}$

\begin{matrix} x_{2} = a_{11} x_{1} + a_{12} y_{1} \\ y_{2} = a_{21} x_{1} + a_{22} y_{1} \\ (\begin{matrix} x_{2} \\ y_{2} \end{matrix}) = (\begin{matrix} a_{11} & a_{12} \\ a_{21} & a_{22} \end{matrix}) \cdot (\begin{matrix} x_{1} \\ y_{1} \end{matrix}) \end{matrix}

(麦克斯韦方程组)

{\begin{cases} \nabla \times \vec{E} = - \frac{\partial \vec{B}}{\partial t} \\ \nabla \times \vec{H} = \vec{J_{v}} + \frac{\partial \vec{D}}{\partial t} \\ \nabla \cdot \vec{D} = ρ_{v} \\ \nabla \cdot \vec{B} = 0 \end{cases} {\begin{cases} \vec{D} = ϵ \vec{E} \\ \vec{B} = μ \vec{H} \\ \vec{J_{v}} = σ \vec{E} \end{cases}

∳ D [x (t)] \sqrt{\frac{3 π^{2} - \sum_{q = 0}^{\infty} (z + \hat{L})^{q} \exp (i q^{2} ℏ x)}{(Tr A) (Λ_{j_{1} j_{2}}^{i_{1} i_{2}} Γ_{i_{1} i_{2}}^{j_{1} j_{2}} ↪ \vec{D} \cdot P)}} = \underset{K_{3} Fe (CN)_{6}}{\underset{⏟}{\tilde{⟨ \frac{\notin \emptyset}{ϖ α_{k ↑}} | \frac{\partial_{μ} T_{μ ν}}{2} ⟩}}}, \forall z \in R

23.网络图床

分享一个 Typora 搭配腾讯云COS/阿里云OSS图床的例子. 新用户免费试用6个月, 另外还可选择七牛云或者路过图床.

24.*常用快捷键

按键	效果	按键	效果
`Ctrl` + `D`	选中当前词	`Ctrl` + `L`	选中当前句/行
`Ctrl` + `E`	选中当前区块	`Ctrl` + `F`	搜索当前选中
`Ctrl` + `B`	加粗当前选中	`Ctrl` + `H`	替换当前选中
`Ctrl` + `I`	倾斜当前选中	`Ctrl` + `U`	下划当前选中
`Ctrl` + `K`	将当前选中生成链接	`Ctrl` + `J`	滚动屏幕将选中滚至顶部
`Ctrl` + `W`	关闭当前窗口	`Ctrl` + `N`	打开新窗口
`Ctrl` + `O`	打开文件	`Ctrl` + `P`	搜索文件并打开
`Ctrl` + `回车`	表格下方插入行	`Ctrl` + `,`	打开偏好设置
`Ctrl` + `.`	切换全角/半角标点	`Ctrl` + `/`	切换正常/源代码视图
`Ctrl` + `Shift` + `-`	缩小视图缩放	`Ctrl` + `Shift` + `+`	放大视图缩放

还有一些不常用的/三键的快捷键不在此列出.

25. *Typora 的主题样式与检查元素

Markdown 在编译后约等于 HTML. 而 Typora 的正常视图就是编译后的 Markdown, 故Typora的主题样式本质就是 CSS 文件.

可以下载各种好看的主题给 Typora换上, 同时也可以自己调整对应的 CSS 文件, 或者自己手搓.

在 Typora 设置中开启 调试模式 后即可在正常视图右击打开 检查元素, 在其中就可以完全将 Markdown 文件当成 HTML 来编辑.

26.*mermaid语法

参考文献

流程图:


xxxxxxxxxx
7
1
```mermaid
2
graph TD;
3
    A-->B;
4
    A-->C;
5
    B-->D;
6
    C-->D;
7
```

时序图:


xxxxxxxxxx
13
1
```mermaid
2
sequenceDiagram
3
    participant Alice
4
    participant Bob
5
    Alice->>John: Hello John, how are you?
6
    loop Healthcheck
7
        John->>John: Fight against hypochondria
8
    end
9
    Note right of John: Rational thoughts <br/>prevail!
10
    John-->>Alice: Great!
11
    John->>Bob: How about you?
12
    Bob-->>John: Jolly good! 
13
```

甘特图:


xxxxxxxxxx
12
1
```mermaid
2
gantt
3
dateFormat  YYYY-MM-DD
4
title Adding GANTT diagram to mermaid
5
excludes weekdays 2014-01-10
6

7
section A section
8
Completed task            :done,    des1, 2014-01-06,2014-01-08
9
Active task               :active,  des2, 2014-01-09, 3d
10
Future task               :         des3, after des2, 5d
11
Future task2               :         des4, after des3, 5d
12
```

类图:


xxxxxxxxxx
16
1
```mermaid
2
classDiagram
3
Class01 <|-- AveryLongClass : Cool
4
Class03 *-- Class04
5
Class05 o-- Class06
6
Class07 .. Class08
7
Class09 --> C2 : Where am i?
8
Class09 --* C3
9
Class09 --|> Class07
10
Class07 : equals()
11
Class07 : Object[] elementData
12
Class01 : size()
13
Class01 : int chimp
14
Class01 : int gorilla
15
Class08 <--> C2: Cool label
16
```

实体关系图:


xxxxxxxxxx
6
1
```mermaid
2
erDiagram
3
    CUSTOMER ||--o{ ORDER : places
4
    ORDER ||--|{ LINE-ITEM : contains
5
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
6
```

用户旅程图:


xxxxxxxxxx
11
1
```mermaid
2
journey
3
    title My working day
4
    section Go to work
5
      Make tea: 5: Me
6
      Go upstairs: 3: Me
7
      Do work: 1: Me, Cat
8
    section Go home
9
      Go downstairs: 5: Me
10
      Sit down: 5: Me
11
```

状态图:


xxxxxxxxxx
9
1
```mermaid
2
stateDiagram-v2
3
[*] --> Still
4
Still --> [*]
5
Still --> Moving
6
Moving --> Still
7
Moving --> Crash
8
Crash --> [*]
9
```

饼图:


xxxxxxxxxx
6
1
```mermaid
2
pie
3
"Dogs" : 386
4
"Cats" : 85
5
"Rats" : 15
6
```

27.*markdown注释


xxxxxxxxxx
5
1
<!--
2
Note - Any content mentioned below in `<!-- ->` blocks are just comments
3
to help you fill-up the issue. It won't be visible in the actual issue after
4
you click on submit.
5
-->

在typora中,你可以看到注释的内容,但是导出为PDF后,注释的内容就会消失

💯 总结

至此, Markdown + Typora 的手册教程也告一段落.

不知你看完这么长的教程/手册, 是否能体会到 Markdown 的精妙简洁之处呢?

其实 Markdown 只是标记语言的最开始, 我的感受是会了 Markdown 之后对于理解 HTML 也有帮助, 对于用 LATEX 来写论文也有帮助. 标记语言正是为了摆脱 Word 那种虽然"所见即所得", 但又过于花哨浮华, 很差的兼容性与闭源的编码的缺陷. 当你能掌握这样的"所写即所得"时, 你肯定会感受到用 Markdown 这类语言来处理文本的妙处!

1 史记·滑稽列传——司马迁 ↩