Markdown语法(Typora+mac版)

发布时间 2023-10-23 17:07:24作者: Roylee2020

==文中提到的快捷键只针对Mac键盘==

[TOC]

基本语法

标题 (title)

快捷键<com+1~5> <com+0>

1
2
3
4
5
6
7
8
9
10
11
12
13
md代码:

这是H1标题 1级标题
======
这是H2标题 2级标题
------
# 这是H1标题 1级标题 <com+1>
## 这是H2标题 2级标题 <com+2>
## 这是H3标题 3级标题 <com+3>
#### 这是H4标题 4级标题 <com+4>
##### 这是H5标题 5级标题 <com+5>
###### 这是H6标题 6级标题
取消标题 <com+0>

列表(list)

快捷键<无序opt+com+u> <有序opt+com+o>

无序列表(unorder list)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
md代码:

- 无序列表1
- 无序列表1.1
- 无序列表1.2
- 无序列表1.2.1
- 无序列表2
- 无序列表3

+ 无序列表4
+ 无序列表5
+ 无序列表6

* 无序列表7
* 无序列表8
* 无序列表9
  • 无序列表1
    • 无序列表1.1
    • 无序列表1.2
    • 无序列表1.2.1
  • 无序列表2
  • 无序列表3
  • 无序列表4
  • 无序列表5
  • 无序列表6
  • 无序列表7
  • 无序列表8
  • 无序列表9

有序列表(order list)

1
2
3
4
5
6
7
8
9
10
11
12
13
md代码:

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

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

快捷键<opt+com+k>

1
2
3
格式1: [链接名称](链接地址)
格式2: [链接名称][1]
[1] : 链接地址 #通常放在底部显示
1
2
3
4
5
6
md代码:

[Roylee2020的博客园主页](https://www.cnblogs.com/roy90/)
[企鹅官网][1]
[1]:http://www.qq.com

[Roylee2020的博客园主页]
​ [企鹅官网][1]

图片(image)

快捷键: <opt+com+i>

1
2
3
4
格式1: ![图片链接名称](图片链接地址)
格式1: ![图片名称][1]
[1] : 图片链接地址 #将图片拖进来,数字1表示第1个引用的链接
注意:本地图片,可直接拖进来

网络高清图片

567a6b0b71bc8

567a6b3cd82d5

文字格式

普通文字格式(1)

快捷键<粗体com+b> <斜体com+i> <粗斜体com+b+i> <下划线com+u> <删除线con+~>

1
2
3
4
5
6
7
8
9
10
11
12
13
md代码:

**粗体**
__粗体__

*斜体*
_斜体_

***粗斜体***
___粗斜体___

<u>下划线</u>
~~删除线~~

粗体  **粗体**
粗体  __粗体__

斜体  *斜体*
斜体  _斜体_

粗斜体  ***粗斜体***
粗斜体  ___粗斜体___

下划线 <u>下划线</u>

删除线 ~~删除线~~

普通文字格式(2)

1
2
3
下标注:H~2~O
上标注:X^2^
高亮:==key==

H~2~O

X^2^

==key==

代码块内文字格式

水平线/分割线

快捷键<shift+com+->

1
2
3
----------
---
***

———-


扩展语法

目录

1
2
3
md代码:

[toc]

引用(quote)

快捷键<opt+com+q>

1
2
3
4
5
6
7
8
9
10
11
> 第1行引用
> 第2行引用
> >第2.1行引用
> >第2.2行引用
> > >第2.2.1行引用
> > >第2.2.2行引用
> > >
> >第2.3行引用
> >
> 第3行引用
> 第4行引用

第1行引用
第2行引用

第2.1行引用
第2.2行引用

第2.2.1行引用
第2.2.2行引用

第2.3行引用

第3行引用
第4行引用

代码

行内代码

快捷键

​ 右边是行内代码:var x = "hello world"..

块代码

快捷键<opt+com+c>

javascript代码

1
2
var a = "hello world";
var b = "good luck";

待办事项(task list)

快捷键<opt+com+x>

1
2
-[ ] 未完成事项
-[x] 完成事项

-[ ] 未完成事项

-[ ] 完成事项

脚注(footnotes)

快捷键<opt+com+r>,mac上快捷键失效,生成的md文件中[^n.]:xxx n后多了个点

1
2
3
4
5
6
7
8
9
10
11
12
[^1]:1号脚注,脚注a详情
脚注a[^1]

[^2]:2号脚注,脚注b详情
脚注[^2]

[^3]:3号脚注,脚注c详情
脚注c[^3]

注意:
快捷键如果失效解决办法,
<opt+com+r> -> 输入1 -> <tab> -> <dele>2次 -> ok可以正常输入了
  • [ ] dwd

脚注a^1
脚注b^2
脚注c^3

公式

快捷键: <opt+com+b>

行内公式

1
2
3
4
格式:
$LaTeX$
会左对齐
快捷键生成的公式,不会左对齐
1
2
md代码:
右边是行内公式:$Gamma(z) = int_0^infty t^{z-1}e^{-t}dt,.$
  • 快捷键生成的公式:

$$
Gamma(z) = int_0^infty t^{z-1}e^{-t}dt,.
$$

  • $$生成的行内公式:

右边是行内公式:$ Gamma(z) = int_0^infty t^{z-1}e^{-t}dt,. $

$ Gamma(z) = int_0^infty t^{z-1}e^{-t}dt,. $

图表

流程图([flowchart流程图语法][19])

1
2
3
4
5
6
7
8
9
```flow
st=>start: 开始
e=>end: 结束
op=>operation: 操作步骤
cond=>condition: 是 或者 否?

st->op->cond
cond(yes)->e
cond(no)->op
1
2
3
4
5
6
7
8
9
10

​```flow
st=>start: 开始
e=>end: 结束
op=>operation: 操作步骤
cond=>condition: 是 或者 否?

st->op->cond
cond(yes)->e
cond(no)->op

序列图([js-sequence-diagrams序列图语法][20])

1
2
3
4
```sequence
小明->小李: 你好 小李, 最近怎么样?
Note right of 小李: 小李想了想
小李-->小明: 还是老样子
1
2
3
4
​```sequence
小明->小李: 你好 小李, 最近怎么样?
Note right of 小李: 小李想了想
小李-->小明: 还是老样子

memaid流程图、序列图、甘特图([memaid语法][21])

流程图

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

序列图

1
2
3
4
5
6
7
```mermaid!
sequenceDiagram
A->> B: Query
B->> C: Forward query
Note right of C: Thinking...
C->> B: Response
B->> A: Forward response
1
2
3
4
5
6
7
8

​```mermaid!
sequenceDiagram
A->> B: Query
B->> C: Forward query
Note right of C: Thinking...
C->> B: Response
B->> A: Forward response

甘特图

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
```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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

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

统计图([flot统计图语法][22])

数据格式为:{"data": [], "options":{}}
系统使用jquery.parseJSON()函数进行解析,因此代码必须符合该函数的要求才能正常解析。

1
2
3
4
5
6
```plot!
{
"data": [ [[0, 0], [1, 1]] ],
"options": { "yaxis": { "max": 1 } }
}
​```
1
2
3
4
{
"data": [ [[0, 0], [1, 1]] ],
"options": { "yaxis": { "max": 1 } }
}

表格(table)

快捷键<com+t>

1
2
3
4
5
| ID   | 姓名   | 年龄   |
| :--- | :--- | :--- |
| 1001 | 张三 | 11 |
| 1002 | 李四 | 12 |
表格的快捷键太方便了,能胜快捷键还是用快捷键吧
ID姓名年龄
1001 张三 11
1002 李四 12