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]然后按回車鍵。
示例:
目錄
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
