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]空格 内容 #里面被选中
示例:
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]然后按回车键。
示例:
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
