Typora常用操作
阅读原文时间:2023年07月10日阅读:2

Typora常用操作

目录

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

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

1. 标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

#标题共6级

2.子标题

# 1. 无序子标题
*空格 内容 或-空格 内容或+空格 内容
# 2. 有序子标题
1.空格 内容

示例:

  • 无序内容1
  • 无序内容2
  1. 有序内容1
  2. 有序内容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. 超链接

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

示例

  1. 横向:

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

  1. 竖向:

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

  1. 时序图:

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

  1. 状态图:

    stateDiagram
    [*] --> s1
    s1 --> [*]

  2. 类图

    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()
    }

  3. 甘特图

    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

  4. 饼图

    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