markdown

Markdown语法

作者CJL_sysu

1.标题

# 标题

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

2.强调

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

欢迎报考中山大学

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

3.斜体

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

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

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

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

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

斜体并强调

4.删除线

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

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

5.*高亮

(用==包围)

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

==我是黄色==

6.代码

1	`sudo rm -rf /*`

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

7.代码块

1
2
3

```
代码块
```

8.引用

[>+空格 前置]

引用是可以嵌套的

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

24岁,是学生

学生特有的无处不在(恼)

9.无序列表

[-或++空格前置]

1
2
3

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

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

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

10.有序列表

数字+.+空格 前置

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

我来这里就为了三件事:

公平
公平
还是™的公平

11.*上标

用^包围即可

1	`2^31^-1=2147483647`

12.*下标

用~包围即可

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

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

[^]后置

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

滑了天下之大稽^[1]

14.链接

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

来看看菜鸡的[力扣](https://leetcode.cn/u/using_namespace_std/)账号罢

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

来看看菜鸡的力扣账号罢

15.任务列表

TodoList:
- [ ] 打王者
- [x] 打王者
- [ ] 打力扣

16.表格

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

用|绘制表格边框

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

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

17.图片

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

1 2	`![图片](图片的位置) ![my flag](Markdown教程.assets\CJL.png)`

my flag

18.分割线

***
---
___
(三个以上就行)

19.Emoji

用英文输入Emoji是扩展语法

1
2
3

:sweat_smile:
:drooling_face:
:clown_face:

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

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

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

可以复制Emoji的网站

😇😂

20.*自动生成目录

输入[TOC]即可

21.内联HTML代码

用<></>包围

<div style="text-align:center">
	<font style="color:red">我不会 HTML 呜呜呜...浇浇我</font>
</div>

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

<u>下划线</u>

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

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

下划线

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

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

22.内联 $\LaTeX$ 公式

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

$\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}$

$$
(公式块)
$$

$$
x_2=a_{11}x_1+a_{12}y_1\\
y_2=a_{21}x_1+a_{22}y_1\\
\enspace
\\
\begin{pmatrix}x_2\\y_2\end{pmatrix}=
\begin{pmatrix}
a_{11}&a_{12}\\a_{21}&a_{22}
\end{pmatrix}\cdot
\begin{pmatrix}x_1\\y_1\end{pmatrix}
$$

$$
\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}=\rho_v\\
\nabla\cdot\vec{B}=0
\end{cases}\quad
\begin{cases}
\vec{D}=\epsilon\vec{E}\\
\vec{B}=\mu\vec{H}\\
\vec{J_v}=\sigma\vec{E}
\end{cases}
$$

$\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}$

x_2=a_{11}x_1+a_{12}y_1\\ y_2=a_{21}x_1+a_{22}y_1\\ \enspace \\ \begin{pmatrix}x_2\\y_2\end{pmatrix}= \begin{pmatrix} a_{11}&a_{12}\\a_{21}&a_{22} \end{pmatrix}\cdot \begin{pmatrix}x_1\\y_1\end{pmatrix}

(麦克斯韦方程组)

\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}=\rho_v\\ \nabla\cdot\vec{B}=0 \end{cases}\quad \begin{cases} \vec{D}=\epsilon\vec{E}\\ \vec{B}=\mu\vec{H}\\ \vec{J_v}=\sigma\vec{E} \end{cases}

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语法

参考文献

流程图:

```mermaid
graph TD;
	A-->B;
	A-->C;
	B-->D;
	C-->D;
```

graph TD;
	A-->B;
	A-->C;
	B-->D;
	C-->D;

时序图:

```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good! 
```

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

甘特图:

```mermaid
gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram to mermaid
excludes weekdays 2014-01-10

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
```

gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram to mermaid
excludes weekdays 2014-01-10

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

类图:

```mermaid
classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label
```

classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label

实体关系图:

```mermaid
erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
```

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses

用户旅程图:

```mermaid
journey
    title My working day
    section Go to work
      Make tea: 5: Me
      Go upstairs: 3: Me
      Do work: 1: Me, Cat
    section Go home
      Go downstairs: 5: Me
      Sit down: 5: Me
```

journey
    title My working day
    section Go to work
      Make tea: 5: Me
      Go upstairs: 3: Me
      Do work: 1: Me, Cat
    section Go home
      Go downstairs: 5: Me
      Sit down: 5: Me

状态图:

```mermaid
stateDiagram-v2
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
```

stateDiagram-v2
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]

饼图:

```mermaid
pie
"Dogs" : 386
"Cats" : 85
"Rats" : 15
```

pie
"Dogs" : 386
"Cats" : 85
"Rats" : 15

27.markdown注释

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

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

💯 总结

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

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

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

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

专业技能

markdown

https://blog.algorithmpark.xyz/2023/04/16/markdown/index/

作者

CJL

发布于

2023年4月16日

更新于

2024年1月13日

许可协议

cpp-STL 上一篇

markdown

Markdown语法

1.标题

2.强调

3.斜体

4.删除线

5.*高亮

6.代码

7.代码块

8.引用

9.无序列表

10.有序列表

11.*上标

12.*下标

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

14.链接

15.任务列表

16.表格

17.图片

18.分割线

19.Emoji

20.*自动生成目录

21.内联HTML代码

22.内联LaTeX\LaTeXLATE​X公式

23.网络图床

24.常用快捷键

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

26.mermaid语法

27.markdown注释

💯 总结

22.内联 $\LaTeX$ 公式