使用Typora編寫Markdown你真的會了嗎

deeround發表於2021-05-31

Typora

介紹

Typora是一款功能全面、簡潔高效，而且又非常優雅的Markdown編輯器。它把原始碼編輯和效果預覽合二為一，在輸入標記之後隨即生成預覽效果，提供了“所見即所得”的Markdown寫作體驗。

Typora是目前最受歡迎的Markdown編輯器之一。它的主要特性如下。
1）實時預覽：傳統的Markdown編輯器都有兩個視窗，左邊是原始碼，右邊是渲染後的效果。Typora獨闢蹊徑，把原始碼編輯和效果預覽合二為一，實現了真正的所見即所得。
2）擴充套件語法：Typora不光支援GFM，還擴充套件了數學公式、流程圖等功能。
3）快捷操作：Typora對幾乎所有的Markdown標記都提供了快捷操作方式，使用起來非常高效。
4）介面漂亮：預設支援6種主題，可自定義，好看又好用。
5）檔案轉換：支援多種檔案格式通過匯入/匯出功能跟.md格式相互轉換。
6）支援中文：支援中文，可以幫助大家更好地理解各項功能。
7）檢視模式：支援大綱和文件列表檢視，方便在不同段落和不同檔案之間進行切換。
8）跨平臺：支援macOS、Windows和Linux系統。
9）目前免費：這麼好用的編輯器竟然是免費的。

使用

1.下載安裝

下載地址：https://typora.io/#download。

2.設定語言

在預設情況下，Typora會使用作業系統的語言，如果想要自定義語言，可以在Typora編輯器上執行如下操作：【偏好設定】→【通用】→【語言】，選擇語言後，重啟Typora即可生效。

3.其他偏好設定推薦

【檔案】→【偏好設定】→【外觀】→【側邊欄】勾選側邊欄的大綱檢視允許摺疊和展開

【檔案】→【偏好設定】→【編輯器】→【預設換行符】選擇LF；【拼寫檢查】選擇不使用拼寫檢查

【檔案】→【偏好設定】→【影像】→【插入圖片時】選擇複製圖片到./${filename}.assets 資料夾和勾選對本地位置的圖片應用上述規則和勾選優先使用相對路徑

【檔案】→【偏好設定】→【Markdown】→【Markdown擴充套件語法】全部勾選；【空格與換行】勾選顯示<br/>和選擇忽略連續的空格與單個換行

4.主題

Typora提供了5款漂亮的主題供大家選擇，每一個都很漂亮。可通過選單欄上的【主題】進行切換，預設是Github主題。主題也可以根據自己喜歡進行自定義。

Typora實際上也是一個瀏覽器，每一個主題就是一個css檔案，如果想自定義主題，可直接修改該css檔案。

【檔案】→【偏好設定】→【外觀】→【主題】開啟主題資料夾就能看到所有主題對應的css檔案。

比如要修改Github主題，該主題對應的css檔案就是github.css，不建議直接修改原來的css檔案，而是建立名為github.user.css進行編寫自定義樣式，該樣式檔案Typora也會自動載入。

github.user.css（）

/*自定義樣式*/
/*修改了引用標籤的樣式*/
blockquote{border-left: 4px solid #62ca38!important;background:#f8f8f8!important;padding:10px!important;}

5.空格與換行

官方說明：https://support.typora.io/Line-Break/

在Markdown中，換行符非常令人困惑，Typora的官方建議是：

使用Typora的預設設定。
用Typora的混合檢視編寫。
按下Enter鍵插入新的段落，並避免插入新行。
如果您確實需要一個單獨的換行符，請使用以下語法：<br/>。

空格

連續空格類似於單行換行符，大多數Markdown引擎都會忽略它們。

預設情況下，Typora將在編輯檢視中保留連續的空格，並在列印或匯出時將其忽略。您可以在首選項皮膚中更改此選項。

如果您確實想插入其他Markdpwn引擎支援的連續空格，則可以

轉義空格，\在每個空格之前輸入
使用HTML實體  。

換行

Markdown提供了插入單個強行換行符的方法：

插入兩個空格和一個換行符。
<br/>直接插入HTML標籤。

幾乎所有Markdown引擎都會將其解析為輸出中的強行換行。

段落

在Markdown中，兩個換行符表示建立一個新段落，在Typora中，當您Enter按鍵時，將建立一個新段落，並且如果切換到原始碼模式，則會插入兩個換行符。

常用快捷鍵

沒有macOS系統的電腦，所以暫未收集。

段落

功能	操作步驟	Windows	macOS
一級標題	段落→一級標題	Ctrl+1	command+1
二級標題	段落→二級標題	Ctrl+2	command+2
三級標題	段落→三級標題	Ctrl+3	command+3
四級標題	段落→四級標題	Ctrl+4	command+4
五級標題	段落→五級標題	Ctrl+5	command+5
六級標題	段落→六級標題	Ctrl+6	command+6
段落	段落→段落	Ctrl+0	command+0
提升標題級別	段落→提升標題級別	Ctrl+=	command+=
降低標題級別	段落→降低標題級別	Ctrl+-	command+-
插入表格	段落→表格→插入表格	Ctrl+T
下方插入行	段落→表格→下方插入行	Ctrl+Enter
刪除行	段落→表格→刪除行	Ctrl+Shift+退格
程式碼塊	段落→程式碼塊	Ctrl+Shift+K
公式塊	段落→公式塊	Ctrl+Shift+M
有序列表	段落→有序列表	Ctrl+Shift+[
無序列表	段落→無序列表	Ctrl+Shift+]
增加縮排	段落→縮排→增加縮排	Ctrl+]
減少縮排	段落→縮排→減少縮排	Ctrl+[

格式

功能	操作步驟	Windows
加粗	格式→加粗	Ctrl+B
斜體	格式→斜體	Ctrl+I
下劃線	格式→下劃線	Ctrl+U
刪除線	格式→刪除線	Ctrl+Shift+5
程式碼	格式→程式碼	Ctrl+Shift+`
超連結	格式→超連結	Ctrl+K
清除格式	格式→清除格式	Ctrl+\

檢視

功能	操作步驟	Windows
顯示/隱藏側邊欄	檢視→顯示/隱藏側邊欄	Ctrl+Shift+L
查詢/替換		Ctrl+F
原始碼模式	檢視→原始碼模式	Ctrl+/
實際大小	檢視→實際大小	Ctrl+Shift+9
放大	檢視→放大	Ctrl+Shift+=
縮放	檢視→縮放	Ctrl+Shift+-

以下是Markdown語法教程

概述

據 GitHub Flavored Markdown（GFM）官方文件介紹，Markdown是由約翰·格魯伯（John Gruber）在亞倫·斯沃茨（Aaron Swartz）的幫助下開發，並在2004年釋出的標記語言。
其設計靈感主要來源於純文字電子郵件的格式，目標是讓人們能夠使用易讀、易寫的純文字格式編寫文件，而且這些文件可以轉換為HTML（Hyper Text Markup Language，超文字標記語言）文件。
簡單點說，Markdown就是由一些簡單的符號（如*/-> [] （）#）組成的用於排版的標記語言，其最重要的特點就是可讀性強。

目前最流行的擴充套件語法是GitHub Flavored Markdown，簡稱GFM，畢竟GitHub是全球最大的程式設計師網站。

標題

標題支援使用兩種標記：底線（-/=）和左側#

底線（-/=）方式（不推薦）：
語法說明如下。
1）底線是=表示一級標題。
2）底線是-表示二級標題。
3）底線符號的數量至少2個。
4）這種語法只支援這兩級標題。

一級標題
=========

二級標題
---------

一級標題

二級標題

方式（推薦）

語法說明如下。
1）在行首插入#可標記出標題。
2）#的個數表示了標題的等級。
3）建議在#後加一個空格。
4）Markdown中最多隻支援前六級標題。

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題
####### 七級標題（不支援）

一級標題

二級標題

三級標題

四級標題

五級標題

六級標題

####### 七級標題（不支援）

段落

1）段落內換行，在結尾使用兩個及以上空格加回車。


我就是一段普通的文字。

這段文字需要段內換行，這後面是兩個空格  
這一句話是跟上面屬於同一段落。

這段文字需要段內換行，這後面是html的換行標籤<br/>這一句話是跟上面屬於同一段落。

我就是一段普通的文字。

這段文字需要段內換行，這後面是兩個空格
這一句話是跟上面屬於同一段落。

這段文字需要段內換行，這後面是html的換行標籤
這一句話是跟上面屬於同一段落。

2）重新開始一個段落是段落後面使用一個空行來表示。

注意：Typora預設是回車就會新起一個段落。


我就是一段普通的文字。

我也是一段普通的文字。

我就是一段普通的文字。

我也是一段普通的文字。

粗體斜體刪除線

粗體由兩個*或兩個_包裹，斜體由1個*或1個_包裹。
建議粗體使用2個*包裹，斜體使用1個*包裹，因為*比較常見，而且比_可讀性更強。
刪除線由兩個~包裹。

語法	效果
`粗體`	粗體
`斜體`	斜體
`~~刪除線~~`	~~刪除線~~
`*斜粗體*`	斜粗體
`~~粗體刪除線~~`	~~粗體刪除線~~
`~~斜體刪除線~~`	~~斜體刪除線~~
`*~~粗體斜體刪除線~~*`	~~粗體斜體刪除線~~

下劃線

<u>下劃線</u>

下劃線

註釋

<!--註釋-->

分割線

分隔線由3個以上的*/-/_來標記。

線上面文字

***

線上面文字

---

線上面文字

___

語法說明如下。
1）分隔線須使用至少3個以上的*/-/_來標記。
2）行內不能有其他的字元。
3）可以在標記符中間加上空格。
4）上下最好都留一個空行。

線上面文字

腳註

GFM不支援

在需要新增註腳的文字後加上腳註名字[^腳註名字],稱為加註。然後在文字的任意位置(一般在最後)新增腳註，腳註前必須有對應的腳註名字。

腳註與腳註之間儘量空一行。

使用 Markdown[^1]可以效率的書寫文件, 直接轉換成 HTML[^2], 你可以使用 Leanote[^Le] 編輯器進行書寫。

[^1]: Markdown是一種純文字標記語言

[^2]: HyperText Markup Language 超文字標記語言

[^Le]: 開源筆記平臺，支援Markdown和筆記直接發為博文

使用 Markdown^[1]可以效率的書寫文件, 直接轉換成 HTML^[2], 你可以使用 Leanote^[3] 編輯器進行書寫。

列表

支援使用有序列表和無序列表，有序列表用數字序號+英文句號+空格+列表內容來標記，無序列表由*/+/-+空格+列表內容來標記。

有序列表

有序列表的語法如下。

數字 + . + 空格 + 列表內容

1. 列表內容
2. 列表內容
3. 列表內容

列表內容
列表內容
列表內容

無序列表

無序列表的語法如下。

*/+/- + 空格 + 列表內容，使用 */+/-來標記無序列表的效果是相同的。

推薦使用-。

* 使用【*】無序列表
* 使用【*】無序列表
* 使用【*】無序列表

+ 使用【+】無序列表
+ 使用【+】無序列表
+ 使用【+】無序列表

- 使用【-】無序列表
- 使用【-】無序列表
- 使用【-】無序列表

使用【*】無序列表
使用【*】無序列表
使用【*】無序列表

使用【+】無序列表
使用【+】無序列表
使用【+】無序列表

使用【-】無序列表
使用【-】無序列表
使用【-】無序列表

任務列表

任務列表的語法如下。

- [ ] 未勾選
- [x] 已勾選

任務列表的語法如下。
1）任務列表以-+空格開頭，由 [空格/x] 組成。
2）x可以小寫，也可以大寫，有些編輯器可能不支援大寫，所以為避免解析錯誤，推薦使用小寫x。
3）當方括號中的字元為空格時，核取方塊是未選中狀態，為x時是選中狀態。

今日工作：
- [x] 吃
- [x] 喝
- [ ] 玩

明日計劃：
- [ ] 吃
	- [x] 吃魚
	- [ ] 吃瓜
- [ ] 玩
- [x] 睡

今日工作：

[x] 吃
[x] 喝
[ ] 玩

明日計劃：

[ ] 吃
- [x] 吃魚
- [ ] 吃瓜
[ ] 玩
[x] 睡

引用

引用由> 引用內容來標記

> 引用內容分

語法說明如下。
1）多行引用也可以在每一行的開頭都插入>。
2）在引用中可以巢狀引用。
3）在引用中可以使用其他的Markdown語法。
4）段落與換行的格式在引用中也是適用的。

> 我是引用的句子。

> 這是多行引用的第一行，我的最後有兩個空格  
我是第二行。

> 這是多行引用的第一行
	第二行，第二行前面有1個TAB

> 引用中可以巢狀引用
>> 我是引用中巢狀引用

> 引用中使用其他 Markdown 標記[百度](https://baidu.com)
    第二行，**加粗**和*斜體*也是支援的，第二行前面有4個空格

我是引用的句子。

這是多行引用的第一行，我的最後有兩個空格
我是第二行。

這是多行引用的第一行
第二行，第二行前面有1個TAB

引用中可以巢狀引用

我是引用中巢狀引用

引用中使用其他 Markdown 標記百度
第二行，加粗和斜體也是支援的，第二行前面有4個空格

圖片

插入圖片的語法如下。

![alt](/url "title")

語法說明如下。
1）alt在圖片無法顯示時顯示的文字,title是滑鼠放上去提示文字，都可以為空。
2）圖片地址可以是本地圖片的路徑也可以是網路圖片的地址。
3）本地圖片支援相對路徑和絕對路徑兩種方式。

![百度](https://www.baidu.com/img/PCfb_5bf082d29588c07f842ccde3f97243ea.png "百度一下，你就知道")

連結

文字連結

文字連結就是把連結地址直接寫在文字中。語法是用方括號包裹連結文字，後面緊跟著括號包裹的連結地址，如下所示。

[link](/uri "title")

[百度](https://baidu.com "百度一下，你就知道")

百度

引用連結

引用連結是把連結地址作為變數先在Markdown檔案的頁尾定義好，然後在正文中進行引用。其語法如下。

[link][link reference]

[link reference]: /uri "title"

[百度][baidu]
[baidu]: https://baidu.com "百度一下，你就知道"

百度

網址連結

將網路地址或郵箱地址使用<>包裹起來會被自動轉換為超連結。其語法如下。

<URL或郵箱地址>

<https://baidu.com>

<liudehua@162.com>

https://baidu.com

liudehua@162.com

錨點

網頁中，錨點其實就是頁內超連結，也就是連結本文件內部的某些元素，實現當前頁面中的跳轉。

[錨點描述](#錨點名)

[回到標題](#標題)

回到標題

程式碼

行內程式碼

行內程式碼引用使用`包裹，語法如下。

`程式碼`

使用`cd ..`命令切換到上一級目錄

使用cd ..命令切換到上一級目錄

程式碼塊

程式碼塊以Tab鍵或4個空格開頭，語法如下。

以TAB鍵開頭：
	def print():
	pass
	
或者以4個空格開頭：
    def print():
    pass

以TAB鍵開頭：

def print():
pass

或者以4個空格開頭：

def print():
pass

圍欄程式碼塊

在基礎語法中，程式碼塊使用Tab鍵或4個空格開頭；在擴充套件語法中，圍欄程式碼塊使用連續3個`或3個~包裹，還支援語法高亮，可讀性和可維護性更強一些。

圍欄程式碼塊語法如下。

\```無程式語言名稱
```
程式碼片段
```

\```有程式語言名稱
``` java
程式碼片段
```

\~~~無程式語言名稱
~~~
程式碼片段
~~~

\~~~有程式語言名稱
~~~ java
程式碼片段
~~~

語法說明如下。
圍欄程式碼塊使用連續3個`或3個~包裹，支援語法高亮並可以加上程式語言的名字。

```無程式語言名稱

String name = "Tom";
int age = 18;

```有程式語言名稱

String name = "Tom";
int age = 18;

~~~無程式語言名稱

String name = "Tom";
int age = 18;

~~~有程式語言名稱

String name = "Tom";
int age = 18;

表格

表格的語法如下。

|表頭1| 表頭2 | 表頭3|
|---- | ---- | ----|
|內容1 | 內容2 | 內容3|
|內容1 | 內容2 | 內容3|

語法說明如下。
1）單元格使用|來分隔，為了閱讀更清晰，建議最前和最後都使用|。
2）單元格和|之間的空格會被移除。
3）表頭與其他行使用-來分隔。
4）表格對齊格式如下。
左對齊（預設） :-
右對齊 -:
居中對齊 :-:
5）塊級元素（程式碼區塊、引用區塊）不能插入表格中。

關於建立表格的建議如下。
1）在表格的前、後各空1行。
2）在每一行最前和最後都使用|，每一行中的|要儘量都對齊。
3）不要使用龐大複雜的表格，那樣會難以維護和閱讀。

普通表格
| 序號 | 標題 | 網址 |
| --- | ---- | --- |
| 01  | 部落格  |https://cnblogs.com|
| 02  | 百度  |https://baidu.com|


對齊表格
| 左對齊 | 居中對齊 | 右對齊 |
| :--- | :----: | ---: |
| 01  | 部落格  |https://cnblogs.com|
| 02  | 百度  |https://baidu.com|

表格使用其他標記
| 序號 | 標題 | 網址 |
| --- | ---- | --- |
| **01**  | [部落格](https://cnblogs.com)  |https://cnblogs.com|
| *02*  | [百度](https://baidu.com "百度一下，你就知道")  |https://baidu.com|

普通表格

序號	標題	網址
01	部落格	https://cnblogs.com
02	百度	https://baidu.com

對齊表格

左對齊	居中對齊	右對齊
01	部落格	https://cnblogs.com
02	百度	https://baidu.com

表格使用其他標記

序號	標題	網址
01	部落格	https://cnblogs.com
02	百度	https://baidu.com

表情符號

語法	效果
`:smile:`	?
`:laughing:`	?
`:+1:`	?
`:-1:`	?
`:clap:`	?

更多的表情符號請參考http://www.webpagefx.com/tools/emoji-cheat-sheet/。

高亮上標下標

GFM不支援

Typora預設未開啟，需要在檔案>偏好設定>Markdown>勾選Markdown擴充套件語法才能支援，請謹慎使用這幾個語法。

高亮 ==高亮==

內容^上標 內容^上標^

內容_下標 內容~下標~

轉義

當我們想在Markdown檔案中插入一些標記符號，但又不想讓這些符號被渲染時，可以使用\進行轉義，語法如下。

\特殊符號

可被轉義的特殊符號如下。

特殊符號	說明
\	反斜槓
`	反引號
*	星號
_	底線
{}	花括號
[]	方括號
()	括弧
#	井字號
+	加號
-	減號
.	英文句號
!	感嘆號

LaTeX公式（瞭解）

GFM不支援

Typora預設未開啟，需要在檔案>偏好設定>Markdown>勾選Markdown擴充套件語法才能支援。

LaTeX 是一種基於 TeX 的排版系統，由於它易於快速生成複雜表格和數學公式，非常適用於生成高印刷質量的科技和數學類文件。如果你常閱讀數學、計算機等領域的學術論文，你一定對 LaTeX 不陌生。

行內公式

語法是使用$把數學公式包裹起來，如下所示。

$數學公式$

分數： $ f(x,y) = \frac{x^2}{y^3} $

開根號： $ f(x,y) = \sqrt[n]{{x^2}{^3}} $

省略號： $ f(x_1, x_2, \ldots, x_n) = x_1 + x_2 + \cdots + x_n $

分數： $ f(x,y) = \frac{x^2}{y3} $

開根號： $ f(x,y) = \sqrt[n]{{x^2}{3}} $

省略號： $ f(x_1, x_2, \ldots, x_n) = x_1 + x_2 + \cdots + x_n $

塊間公式

語法是使用兩個$包裹數學公式，如下所示。

$$
數學公式
$$

$$
{matrix}
1&0&0\\
0&1&0\\
0&0&1\\
\end{matrix}
$$

$$
\begin{bmatrix}
{a_{11}}&{a_{12}}&{\cdots}&{a_{1n}}\
{a_{21}}&{a_{22}}&{\cdots}&{a_{2n}}\
{\vdots}&{\vdots}&{\ddots}&{\vdots}\
{a_{m1}}&{a_{m2}}&{\cdots}&{a_{mn}}\
\end{bmatrix}
$$

$$
\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}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$

$$
\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}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$

更多的LaTeX數學公式請參考https://www.luogu.com.cn/blog/IowaBattleship/latex-gong-shi-tai-quan。

圖表（瞭解）

橫向流程圖

```mermaid
graph LR
A[方形] -->B(圓角)
    B --> C{條件a}
    C -->|a=1| D[結果1]
    C -->|a=2| E[結果2]
    F[橫向流程圖]
```

graph LR 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[豎向流程圖]
```

graph TD A[方形] --> B(圓角) B --> C{條件a} C --> |a=1| D[結果1] C --> |a=2| E[結果2] F[豎向流程圖]

橫向標準流程圖

```flow
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
```

st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

豎向標準流程圖

```flow
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
```

st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op

UML時序圖

```sequence
物件A->物件B: 物件B你好嗎?（請求）
Note right of 物件B: 物件B的描述
Note left of 物件A: 物件A的描述(提示)
物件B-->物件A: 我很好(響應)
物件A->物件B: 你真的好嗎？
```

物件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: 沒人陪我玩
```

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/>看醫生...
    李四-->>張三: 很好!
    王五->李四: 你怎麼樣?
    李四-->王五: 很好!
```

%% 時序圖例子,-> 直線，-->虛線，->>實線箭頭 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
```

本文地址：https://www.cnblogs.com/deeround/p/14831776.html
Git地址：https://github.com/deeround/WriteMarokdownUsingTypora

Markdown是一種純文字標記語言 ↩︎
HyperText Markup Language 超文字標記語言 ↩︎
開源筆記平臺，支援Markdown和筆記直接發為博文 ↩︎

怎樣使用typora寫markdown文件
2020-11-10
堆排序你真的學會了嗎？
2021-07-25
排序
Myabtis動態SQL，你真的會了嗎？
2020-09-06
SQL
細思極恐 - 你真的會寫 Java 嗎?
2021-12-17
Java
細思極恐-你真的會寫java嗎?
2019-01-02
Java
Markdown文字編輯器：Typora for Mac
2024-01-28
Mac
Typora for Mac(Markdown文字編輯器)
2023-04-11
Mac
Typora for Mac - Markdown文字編輯器
2021-11-18
Mac
Flutter篇之你真的會使用Future嗎？
2019-07-19
Flutter
程式設計師，你真的會寫簡歷嗎？
2019-01-11
程式設計師
你真的會寫單例模式嗎——Java實現
2019-02-21
單例模式Java
你真的理解 getLocationInWindow 了嗎？
2019-03-01
你真的會使用資料庫的索引嗎？
2021-10-18
資料庫索引
專注Markdown文字編輯器：Typora mac
2023-04-21
Mac
Typora編輯器Markdown語法簡介
2019-03-27
AsyncTask你真的用對了嗎？
2019-03-21
你真的會vue-router嗎？
2019-03-18
Vue
Markdown & typora 速查
2023-11-21
Android：寫了這麼多程式碼，你真的理解泛型嗎
2020-07-27
Android泛型
使用 VS Code + Markdown 編寫 PDF 文件
2022-05-19
Markdown文字編輯器：Typora for Mac中文版
2023-10-10
Mac
10分鐘實現Typora(markdown)編輯器
2019-07-02
async await 你真的用對了嗎？
2020-11-20
AI
vscode編寫markdown
2023-09-27
VSCode
markdown文件編寫
2018-08-29
每天加班的你，真的會工作嗎？
2019-10-22
Java內部類你真的會嗎？
2019-07-16
Java
前端er，你真的會用 async 嗎？
2018-12-02
前端
你真的會寫hello world的麼？
2018-06-29
你真的會使用虛擬商品設計會員運營方案嗎？
2020-11-24
你真的熟練使用webpack嗎？
2019-07-27
Web
znai：使用Markdown編寫Java文件系統
2022-08-20
AIJava
請不要使用Markdown編寫文件 - buttondown
2020-03-25
蘋果Mac簡潔的 markdown 編輯器：Typora
2021-08-16
蘋果Mac
你真的理解JS的繼承了嗎？
2019-04-17
JS繼承
MarkDown文件的編寫
2024-12-08
用vim編寫markdown
2020-04-07
你真的會搭建測試環境嗎？
2018-05-30

使用Typora編寫Markdown你真的會了嗎

Typora

介紹

使用

常用快捷鍵

概述

標題

一級標題

二級標題

方式（推薦）

一級標題

二級標題

三級標題

四級標題

五級標題

六級標題

段落

粗體斜體刪除線

下劃線

註釋

分割線

腳註

列表

有序列表

無序列表

任務列表

引用

圖片

連結

文字連結

引用連結

網址連結

錨點

程式碼

行內程式碼

程式碼塊

圍欄程式碼塊

表格

表情符號

高亮上標下標

轉義

目錄

LaTeX公式（瞭解）

行內公式

塊間公式

圖表（瞭解）

橫向流程圖

豎向流程圖

橫向標準流程圖

豎向標準流程圖

UML時序圖

UML時序圖原始碼(複雜)

UML標準時序圖

甘特圖

相關文章