1. 首页 >  技术大师 >  Markdown语法(Typora+mac版)

Markdown语法(Typora+mac版)

==文中提到的快捷键只针对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  

链接(link)

超链接(hyperlink)

快捷键<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个引用的链接  
注意:本地图片,可直接拖进来  

文字格式

普通文字格式(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 张三
1002 李四

/ji-zhu-da-shi/markdownyu-fa-typora-macban-109/