頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

擴充套件語法

Typora擴充套件了諸如數學公式、目錄、腳註、上/下標、圖示操作等功能,並且支援常見的額HTML標籤。

啟用擴充套件語法,需要在“偏好設定”中開啟所需要的擴充套件語法:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

擴充套件語法

樣式

數學公式語法:使用$把數學公式包裹起來,例如:

$ (2+5)*3/7 = 3 $$ f(x,y) = \sqrt[n]{{x^n}{y^n}} $

顯示效果:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

數學公式

數學公式的快捷鍵為Control + M。

注:數學公式擴展采用LaTeX語法標記,推薦閱讀:

LaTeX完整教程:http://www。mohu。org/info/lshort-cn。pdf

常用LaTeX語法查詢:https://www。mohu。org/info/symbols/symbols。htm

上/下標

語法:上標,使用^包裹需要上標的內容;下標,使用~包裹需要上標的內容,例如:

示例1^[注1]^示例2~[注2]~

顯示效果:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

上下標

上下標操作沒有對應的快捷鍵。

高亮

語法:使用==包裹需要高亮的內容,例如:

==這句話高亮==

顯示效果:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

高亮

高亮的快捷鍵為:Shift + Command + H

註釋

語法:與程式碼註釋相同,使用<!—— ——>包裹註釋內容,例如:

<!——這是註釋——>

顯示效果:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

註釋

選中文字,轉化為註釋的快捷鍵:Control + -。

注:匯出格式為pdf和docx(word)時,註釋會被隱藏,不進行顯示。

清除樣式

快速清除一段內容的格式和樣式,可以選中內容,然後使用快捷鍵:Command + \。

段落

目錄

Typora會自動根據標題級別,獲取標題作為目錄。並且會隨標題修改自動更新。

語法:在需要插入目錄的位置,輸入:[TOC],然後按回車,例如:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

目錄

注:需要為單獨一行,且必須敲回車才會生效。

腳註連結

語法:用[^]包裹腳註,然後在文件任意位置(一般是尾部)新增對應的腳註內容,例如:

這段內容參考[^語法1]。[^語法1]:http://www。mohu。org/info/lshort-cn。pdf

顯示效果:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

腳註

快速插入腳註連結的快捷鍵為:Option + Command + R

序列圖

序列圖是Typora自己的擴充套件語法,僅適用於匯出為pdf、HTML、docx等格式,如果需要更好的相容性,推薦在Typora內繪製後截圖再插入。

語法:

```sequenceTitle: TCP三次握手客戶端 -> 伺服器: SYNnote right of 伺服器: T1伺服器建聯延遲伺服器 ——> 客戶端: SYN ACKnote right of 伺服器: T2客戶端建聯延遲客戶端 -> 伺服器: ACK```

顯示效果:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

序列圖

注:語法中的標點符號需要使用英文;

Typora使用的序列圖語法為:js-sequence-diagrams,語法說明:https://bramp。github。io/js-sequence-diagrams/

流程圖

Typora的流程圖基於flowchart。js語法,與序列圖相同,僅適用於匯出檔案。

語法:

```flowst=>start: 開機op=>operation: P。O。S。Tcond=>condition: 正常e=>end: 啟動OSst->op->condcond(yes)->econd(no)->op```

顯示效果:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

流程圖

注:注意英文標點和空格,多餘的空格會引起語法報錯;

flowchart。js 語法說明:https://flowchart。js。org/,或:https://github。com/adrai/flowchart。js/

Mermaid

Mermaid是非常強大的圖表外掛,支援序列圖、流程圖和甘特圖。使用說明:https://mermaidjs。github。io/。對於大量使用圖表的同學們,建議專門學習下mermaid的使用。

其在Typora中的使用與前兩個相同:

```mermaindmermanid語句```

由於mermaid內容較多,以後會做專題內容演示,這裡不再講解。

HTML標籤

Typora 支援大量的HTML標籤,但是由於可讀性太差,且頁面和影片匯出時無法顯示,對於日常的寫作用處並不大,所以這裡只簡單介紹幾個常用的型別。

文字顏色/大小

示例:

紅色

顯示效果

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

文字顏色、大小

嵌入網頁

顯示效果:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

嵌入網頁

插入影片

語法:

顯示效果:

頁面排版很難嗎?一起來學Markdown吧!04使用Typora排版(二)

插入影片

注:需要使用HTML在Typora中排版的同學,可參考:https://support。typora。io/HTML/

Typora的擴充套件語法種類多,使用也複雜,只需要根據自己的需要選擇學習即可,下節我們一起學習Typora的一些使用技巧。