TYPORA中文快速上手使用教程

Author:黃海翔 SCAU 2020/4/1

1. 標題

   具體語法:

   # 一級標題，快捷鍵為 `Ctrl + 1`
   ## 二級標題，快捷鍵為 `Ctrl + 2`
   ...以此類推
   ###### 六級標題，快捷鍵為 `Ctrl + 6` 
   

效果如下：

追逐夢想(h1)

追逐夢想(h2)

追逐夢想(h3)

追逐夢想(h4)

追逐夢想(h5)

追逐夢想(h6)

####### 追逐夢想（最大只支持到6個#號）

2. 增強（加粗）

   具體語法：

   **這里是你想輸入的內容**，快捷鍵為 `Ctrl + B`
   
   __這里是你想輸入的內容，雙下划線__
   

效果如下：

追逐夢想 ——> 追逐夢想

3. 傾斜

   具體語法：

   *單個星號*
   
   _雙單下划線_
   

效果如下：

追逐夢想 ——> 追逐夢想

4. 刪除線

   具體語法：

   ~~里面輸入你想要畫刪除線的內容~~
   

效果如下：

追逐夢想 ——> 追逐夢想

5. 下划線

   具體語法(由來源HTML的標簽代碼實現)：

   <u>下划線</u> 
   

效果如下：

追逐夢想 ——> 追逐夢想

6. 代碼標記

   具體語法：使用反引號` (在英文輸入法下，ESC鍵下面和1鍵左邊的符號 ):

   > 一個人的命運啊，當然要靠自我奮斗，但是也要考慮到歷史的進程。
   

   `Function()`

效果如下：

Function() ——> Function()

7. 反轉義符號

   /（反斜杠），使其后的符號成為普通符號，不加特效。

8. 自行決定字體、字號與顏色

指定字體類型： <font face="楷體">我是楷體字</font>

我是楷體字

指定字體大小： <font size=10>我是10號字</font>

效果：我是10號字

指定字體顏色：<font color=#0099ff>我是藍色字</font> #0099ff 為顏色的16進制代碼

效果：我是藍色字

指定字體顏色、字號、字體類型<font color=#0099ff size=12 face="楷體">楷體</font>

效果：楷體

9. 引用(可以疊加效果)

> 我只願面朝大海，春暖花開。——海子

效果如下:

我只願面朝大海，春暖花開。——海子

>> 我只願面朝大海，春暖花開。——海子

效果如下：

我只願面朝大海，春暖花開。——海子

10. 無序清單

##un-ordered list
*   Red
*   Green
*   Blue

效果如下：

• Red
• Green
• Blue

11. 有序清單

## ordered list
1.  Red
2. 	Green
3.	Blue

效果如下：

1. Red

2. Green

3. Blue

4. 任務清單

- [ ] a task list item
- [ ] list syntax required
- [ ] normal **formatting**, @mentions, #1234 refs
- [ ] incomplete
- [x] completed

效果如下：

• [ ] a task list item
• [ ] list syntax required
• [ ] normal formatting, @mentions, #1234 refs
• [ ] incomplete
• [x] completed

13. 代碼塊

在Typora中輸入``` + 回車，並在后面選擇一個語言名稱即可語法高亮。

效果如下：

printf("Hello world!");//這里選擇了C

14. 水平尺

##繪制一條水平線。
--- 或者 ***

效果如下：

---

15. 內嵌鏈接

要創建內聯鏈接，請在鏈接文本的右方括號之后使用一組常規括號。在圓括號內，將URL放在您希望鏈接指向的位置，以及鏈接的可選標題，用引號括起來。例如:

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

效果如下：

This is an example inline link.

This link has no title attribute.

16. 內部連結

要創建一個內部鏈接以創建一個“書簽”，使您可以在單擊該部分后跳至該部分，請使用標題元素的名稱作為href。

17. 參考鏈接

使用兩組方括號，在其中放置您選擇的標簽來標識鏈接：

This is [an example][id] reference-style link.

Then, anywhere in the document, you define your link label on a line by itself like this:

[id]: http://example.com/  "Optional Title Here"

效果如下：（類似於C語言的define宏定義）

This is an example reference-style link.

Then, anywhere in the document, you define your link label on a line by itself like this:

Google And then define the link: Google: http://google.com/

18. 隱式鏈接

隱式鏈接名稱快捷方式允許您省略鏈接的名稱，在這種情況下，鏈接文本本身用作名稱。只需使用一組空的方括號-例如，將單詞“ Google”鏈接到google.com網站，您可以簡單地編寫：

[Google][]
And then define the link:

[Google]: http://google.com/

效果如下：

Google

And then define the link:

【在Typora中，單擊鏈接會將其展開以進行編輯，而Ctrl +單擊將在Web瀏覽器中打開超鏈接。 】

19. URLs（直接插入網址）

<[e-mail]>
<www.baidu.com>

效果如下：

[e-mail]

<www.baidu.com>

20. 圖片

圖像的語法與鏈接相似，但是!在鏈接開始之前需要額外的字符。插入圖像的語法如下所示：

![Alt text](/path/to/img.jpg)

![Alt text](/path/to/img.jpg "Optional title")

您可以使用拖放操作從圖像文件或Web瀏覽器插入圖像。您可以通過單擊圖像來修改降價源代碼。如果通過拖放添加的圖像與當前正在編輯的文檔位於同一目錄或子目錄中，則將使用相對路徑。

上圖是圖片的鏈接，TYPORA實際將其隱藏。

21. 表情符號

:smile
:cry
:computer mouse

效果如下：

😄

😢

🖱️

使用者可以通過使用ESC鍵觸發表情建議補全功能，也可在功能面板啟用后自動觸發此功能。同時，直接從菜單欄Edit -> Emoji & Symbols插入UTF8表情符號也是可以的。

22. 數學公式

你可以通過使用MathJax來實現LaTeX的數學符號的表達。

輸入$$，然后按下Enter鍵就會彈出一個支持TeX/LaTeX語法的輸入框，下面是一個栗子：

$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \
end{vmatrix}
$$

效果如下：（ 要觸發嵌入式數學的嵌入式預覽：輸入“ $”，然后ESC按鍵，然后輸入TeX命令。 ）
$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k}
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0
end{vmatrix}
$$

$$
x_1^2+x_2^3=9
$$
$$
\sqrt[4]{\frac xy}
$$
$$
\begin{pmatrix}1 & 2 \\ 3 & 4\\ \end{pmatrix}
$$

$$
x_1^2+x_23=9
$$

$$
\sqrt[4]{\frac xy}
$$

$$
\begin{pmatrix}1 & 2 \ 3 & 4\ \end{pmatrix}
$$

想了解更多可以跳轉這個網址： < http://support.typora.io/Math/ >

23. 表格

輸入|標題一|標題二|然后按下Enter將會創建一個有兩個列的表格。

表格創建之后，你會看到一個頂部工具欄也會隨之出現，通過工具欄你可以實現調整大小，增添和刪除表格的功能，你也可以使用

下面的描述可以跳過，因為表格的源碼語法是Typora自動生成的。

標題一	標題二

或者按照md語法：

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

效果如圖：

First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell

你也可以修飾內部的文本格式，比如鏈接、粗體、斜體、刪除線等。

最后，通過使用冒號：你可以實現標題欄文字的對齊功能，比如向左對齊、向右對齊和居中對齊：

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | $1600 |
| col 2 is      | centered        |   $12 |
| zebra stripes | are neat        |    $1 |

Left-Aligned	Center Aligned	Right Aligned
col 3 is	some wordy text	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

最左側的：是向左對齊；最右側的：是向右對齊；兩側各一個：是居中對齊。

24. 目錄

輸入［toc］然后按下Enter就會產生一個自動根據標題和標題等級自動創建的目錄框。

25. 示意圖

Typora支持 sequence, flowchart 和 mermaid，之后的版本將會在設置面板中實現設置。

26. 目錄(TOC)

輸入[toc]並Return按鍵以創建“目錄”部分。TOC會從文檔中提取所有標題，並且當您添加到文檔時，其內容會自動更新。

27. 下標

要使用此功能，請首先在Markdown首選項面板的選項卡中啟用它。然后，用於~包裝下標內容。例如：H~2~O，X~long\ text~/

（ 注意在 file> preferences> syntax support 中找到 superscript 和 subscript 選項，打上勾。 ）

效果如下：

H₂O

X_{long text}

28. 上標

用於^包裝上標內容。例如：X^2^。

X²

29. 高亮

要使用此功能，請首先在Markdown首選項面板的選項卡中啟用它。然后，用於==包裝突出顯示的內容。例如：==highlight==。

效果如下：

highlight。

30. 視頻

您可以使用<video>HTML標簽嵌入視頻。例如：