Typora常用操作

Typora常用操作

Typora是一款由Abner Lee开发的轻量级Markdown编辑器，适用于OS X、Windows和Linux三种操作系统，是一款免费软件。与其他Markdown编辑器不同的是，Typora没有采用源代码和预览双栏显示的方式，而是采用所见即所得的编辑方式，实现了即时预览的功能，但也可切换至源代码编辑模式.

官方网址:https://typora.io/

1. 标题

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

#标题共6级

2.子标题

# 1. 无序子标题

*空格 内容 或-空格 内容或+空格 内容

# 2. 有序子标题

1.空格 内容

示例:

无序内容1
无序内容2

有序内容1
有序内容2

3. 区块

>空格 内容

示例:

区块

...

4.代码

在markdown中写代码

```编程语言回车

#编程语言：C、C++、C#、python、java、php、perl、shell、go、javascript、vue等等

示例:

#include <stdio.h>

int main(void)

{

	printf("Hello world\n");

	return 0;

}

5. 表格

|username|age|phone|

| :-----| ----: | :----: |

|内容1|内容2|内容3|

-: 设置内容和标题栏居右对齐。

:- 设置内容和标题栏居左对齐。

:-: 设置内容和标题栏居中对齐。

# 如果不需要左右对齐可以把 | :-----| ----: | :----: |  取消

示例:

username	age	phone
内容1	内容2	内容3

6. 超链接

文本超链接
```
[描述文字](url)
```
示例

这是一个超链接

图片链接

![图片描述](图片网络目录或本地目录)

示例:

7.单选框

- [空格]空格 内容  #里面没有被选中

- [x]空格 内容  #里面被选中

示例:

[ ] 内容
[x] 内容

8.数学公式

$$回车

在里面输入公式

示例

$$

\lim_{n\rightarrow+\infty}

$$

9.流程图

#1.横向：

```mermaid

graph LR

xxxx

```

#2.竖向

```mermaid

graph LR

xxxx

```

#3.时序图：

->> 代表实线箭头，-->> 则代表虚线。

```mermaid

sequenceDiagram

    Alice->>John: Hello John, how are you?

    John-->>Alice: Great!

```

#4.状态图:

[*] 表示开始或者结束，如果在箭头右边则表示结束。

```mermaid

stateDiagram

    [*] --> s1

    s1 --> [*]

```

#5. 类图

<|-- 表示继承，+ 表示 public，- 表示 private

```mermaid

classDiagram

      Animal <|-- Duck

      Animal <|-- Fish

      Animal <|-- Zebra

      Animal : +int age

      Animal : +String gender

      Animal: +isMammal()

      Animal: +mate()

      class Duck{

          +String beakColor

          +swim()

          +quack()

      }

      class Fish{

          -int sizeInFeet

          -canEat()

      }

      class Zebra{

          +bool is_wild

          +run()

      }

```

#6.甘特图

```mermaid

gantt

    title 工作计划

    dateFormat  YYYY-MM-DD

    section Section

    A task           :a1, 2020-01-01, 30d

    Another task     :after a1  , 20d

    section Another

    Task in sec      :2020-01-12  , 12d

    another task      : 24d

```

#7.饼图

```mermaid

pie

    title Key elements in Product X

    "Calcium" : 42.96

    "Potassium" : 50.05

    "Magnesium" : 10.01

    "Iron" :  5

```

示例

横向：

graph LR
A[方形] -->B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]

竖向:

graph TD
A[方形] -->B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]

时序图：

sequenceDiagram
Alice->>John: Hello John, how are you?
John-->>Alice: Great!

状态图:

stateDiagram
[*] --> s1
s1 --> [*]
类图

classDiagram
Animal <|-- Duck
Animal <|-- Fish
Animal <|-- Zebra
Animal : +int age
Animal : +String gender
Animal: +isMammal()
Animal: +mate()
class Duck{
+String beakColor
+swim()
+quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+bool is_wild
+run()
}
甘特图

gantt
title 工作计划
dateFormat YYYY-MM-DD
section Section
A task :a1, 2021-01-01, 30d
Another task :after a1 , 20d
section Another
Task in sec :2021-01-12 , 12d
another task : 24d
饼图

pie
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5

10.生成目录

在需要插入目录的地方，并在此处输入[toc]然后按回车键。

示例:

Typora常用操作

11.字体设置

字体加粗
```
**内容**
```
示例

内容
斜体
```
*内容*
```
示例:

斜体
下划线
```
_下划线_
```
示例:

下划线

12. 标注

内容[^描述]

示例

内容[^标注]

13. 单行代码

`内容`

示例

内容

14.常用快捷键

#无序列表：输入-之后输入空格

#有序列表：输入数字+“.”之后输入空格

#任务列表：-[空格]空格 文字

#标题：ctrl+数字

#表格：ctrl+t

#生成目录：[TOC]按回车

#选中一整行：ctrl+l

#选中单词：ctrl+d

#选中相同格式的文字：ctrl+e

#跳转到文章开头：ctrl+home

#跳转到文章结尾：ctrl+end

#搜索：ctrl+f

#替换：ctrl+h

#引用：输入>之后输入空格

#代码块：ctrl+alt+f

#加粗：ctrl+b

#倾斜：ctrl+i

#下划线：ctrl+u

#删除线：alt+shift+5

#插入图片：直接拖动到指定位置即可或者ctrl+shift+i

#插入链接：ctrl + k