Typora的一些常見語法
阿新 • • 發佈：2021-08-29
1.產生目錄
-
語法
[toc] -
效果
目錄
2.標題
-
語法
# 一級
## 二級
...
###### 六級
在typora中可以使用快捷鍵ctrl + 1/2/3/4/5/6 -
效果
3.加粗
- 語法
**加粗內容**
在typora中可以使用快捷鍵Ctrl + B，調出四個星號；
-效果
加粗內容
4.下劃線
- 語法
<u>內容</u>
在typora中使用快捷鍵 Ctrl +U，在相關文字選中後呼叫； - 效果
內容
5.刪除線
- 語法
~~刪除線~~
在typora當中使用Alt + Shift + 5，在要加刪除線的文字選中後調出刪除線； - 效果
刪除線
6.斜體
- 語法
*傾斜內容*
在typora中的可以使用快捷鍵Ctrl + I，將兩個星號自動調出； - 效果
傾斜內容
7.斜體加粗
- 語法
***傾斜加粗的內容*** - 效果
傾斜加粗的內容
8.高亮
- 語法
==高亮內容== - 效果
高亮內容
9.區塊
- 語法
> 最外層
> > 第一層巢狀
> > > 第二層巢狀 - 效果
最外層
第一層巢狀
第二層巢狀
10.無序列表
-
語法
- 第一項
- 第二項
- 第三項 -
效果
-
第一項
-
第二項
-
第三項
11.連線
- 語法
<https://www.地址內容.com> - 效果
https://www.地址內容.com
12.表格
-
語法
| 表頭 | 表頭 |
| ---- | ---- |
| 單元格 | 單元格 |
| 單元格 | 單元格 | -
效果
| 表頭 | 表頭 |
| ---- | ---- |
| 單元格 | 單元格 |
| 單元格 | 單元格 |
13.程式碼塊
- 語法
```` 程式碼塊內容``` ` - 效果
程式碼塊內容
14.高階內容
- 語法
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重啟電腦 - 效果
Ctrl+Alt+Del 重啟電腦
15.畫流程圖
複製以下程式碼使用 typora 的原始碼模式貼上到編輯器中檢視效果：
1、橫向流程圖原始碼格式：
- 語法
```mermaid
graph LR
A[方形] -->B(圓角)
B --> C{條件a}
C -->|a=1| D[結果1]
C -->|a=2| E[結果2]
F[橫向流程圖]
```
- 效果圖
2、豎向流程圖原始碼格式
- 語法
```mermaid
graph TD
A[方形] --> B(圓角)
B --> C{條件a}
C --> |a=1| D[結果1]
C --> |a=2| E[結果2]
F[豎向流程圖]
```
- 效果
mermaid graph TD A[方形] --> B(圓角) B --> C{條件a} C --> |a=1| D[結果1] C --> |a=2| E[結果2] F[豎向流程圖]
UML時序圖
- 語法
```sequence
物件A->物件B: 物件B你好嗎?（請求）
Note right of 物件B: 物件B的描述
Note left of 物件A: 物件A的描述(提示)
物件B-->物件A: 我很好(響應)
物件A->物件B: 你真的好嗎？
```
- 效果
sequence 物件A->物件B: 物件B你好嗎?（請求） Note right of 物件B: 物件B的描述 Note left of 物件A: 物件A的描述(提示) 物件B-->物件A: 我很好(響應) 物件A->物件B: 你真的好嗎？
UML時序圖複雜
- 語法
```sequence
Title: 標題：複雜使用
物件A->物件B: 物件B你好嗎?（請求）
Note right of 物件B: 物件B的描述
Note left of 物件A: 物件A的描述(提示)
物件B-->物件A: 我很好(響應)
物件B->小三: 你好嗎
小三-->>物件A: 物件B找我了
物件A->物件B: 你真的好嗎？
Note over 小三,物件B: 我們是朋友
participant C
Note right of C: 沒人陪我玩
```
- 效果
```sequence
Title: 標題：複雜使用
物件A->物件B: 物件B你好嗎?（請求）
Note right of 物件B: 物件B的描述
Note left of 物件A: 物件A的描述(提示)
物件B-->物件A: 我很好(響應)
物件B->小三: 你好嗎
小三-->>物件A: 物件B找我了
物件A->物件B: 你真的好嗎？
Note over 小三,物件B: 我們是朋友
participant C
Note right of C: 沒人陪我玩
```
UML標準時序圖
- 語法
```mermaid
%% 時序圖例子,-> 直線，-->虛線，->>實線箭頭
sequenceDiagram
participant 張三
participant 李四
張三->王五: 王五你好嗎？
loop 健康檢查
王五->王五: 與疾病戰鬥
end
Note right of 王五: 合理 食物 <br/>看醫生...
李四-->>張三: 很好!
王五->李四: 你怎麼樣?
李四-->王五: 很好!
```
- 效果
mermaid %% 時序圖例子,-> 直線，-->虛線，->>實線箭頭 sequenceDiagram participant 張三 participant 李四 張三->王五: 王五你好嗎？ loop 健康檢查 王五->王五: 與疾病戰鬥 end Note right of 王五: 合理 食物 <br/>看醫生... 李四-->>張三: 很好! 王五->李四: 你怎麼樣? 李四-->王五: 很好!
甘特圖
- 語法
```mermaid
%% 語法示例
gantt
dateFormat YYYY-MM-DD
title 軟體開發甘特圖
section 設計
需求 :done, des1, 2014-01-06,2014-01-08
原型 :active, des2, 2014-01-09, 3d
UI設計 : des3, after des2, 5d
未來任務 : des4, after des3, 5d
section 開發
學習準備理解需求 :crit, done, 2014-01-06,24h
設計框架 :crit, done, after des2, 2d
開發 :crit, active, 3d
未來任務 :crit, 5d
耍 :2d
section 測試
功能測試 :active, a1, after des3, 3d
壓力測試 :after a1 , 20h
測試報告 : 48h
```
- 效果