寫Markdown費事?Typora讓你像寫word一樣行雲流水,所見即所得。
Typora
簡介
- Typora刪除了預覽視窗,以及所有其他不必要的干擾。取而代之的是實時預覽。
- Markdown的語法因不同的解析器或編輯器而異,Typora使用的是GitHub Flavored Markdown。
下載
Typora下載。
常用快捷鍵
- 加粗:
Ctrl/Cmd + B
- 標題:
Ctrl/Cmd + H
- 插入連結:
Ctrl/Cmd + K
- 插入程式碼:
Ctrl/Cmd + Shift + C
- 行內程式碼:
Ctrl/Cmd + Shift + K
- 插入圖片:
Ctrl/Cmd + Shift + I
- 無序列表:
Ctrl/Cmd + Shift + L
- 撤銷:
Ctrl/Cmd + Z
- 一級標題:快捷鍵為Crtl + 1,以此類推
塊元素
換行符
在markdown中,段落由多個空格分隔。在Typora中,只需回車即可建立新段落。
標題級別
# 一級標題, 快捷鍵為Crtl + 1
## 二級標題,快捷鍵為Crtl + 2
###### 六級標題,快捷鍵為Crtl + 6
引用文字
> + 空格 + 引用文字
清單
輸入 列表內容 將建立一個無序列表,該符號可以替換為+或-。
輸入1. 列表內容 將建立一個有序列表,其markdown原始碼如下:
無序列表
* AA
* BB
* CC有序列表
- AA
- BB
- CC
任務列表
- [ ] 不勾選
- [x] 勾選
程式碼塊
在Typora中輸入””” + 回車,並在後面選擇一個語言名稱即可語法高亮。
語法高亮:
\
1
2
3> def helloWorld():
> print 'hello, world'
> \
數學表示式
輸入$$
,然後按“回車”鍵,如下:
$$
\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}
$$
\$$
\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}
\$$
表
輸入`| 表頭1 | 表頭2 |`並回車。即可將建立一個包含兩列的表,然後就像操作Word文件一樣設定表格即可,沒必要知道Markdown的複雜語法,因為這些語法會由Typora自動生成。效果如下:
First Header | Second Header |
---|---|
腳註
你可以建立一個腳註,像這樣[^1].
[^1]: 這是上面的註釋內容。
你可以建立一個腳註,像這樣^1.
注意:該例子腳註標識是1,腳註標識可以為字母數字下劃線,但是暫不支援中文。腳註內容可為任意字元,包括中文。
分割線
輸入***
或---
再按回車即可繪製一條水平線,如下:
YAML Front Matter
Typora支援YAML Front Matter, 在文章開頭輸入---
,然後按回車即可。
目錄(TOC)
輸入[toc]
然後回車,即可建立一個“目錄”。TOC從文件中提取所有標題,其內容將自動更新。
跨度元素
跨度元素即圖片,網址,視訊等,在Typora中輸入後,會立即載入並呈現。
連結
內部連結
這是一個帶有標題屬性的[連結](http://example.com/ “標題”).
這是一個沒有標題屬性的[連結](http://example.net/).
效果如下:
參考連結
這是一個[參考連結]id。
[id]: http://example.com/ “標題”
這是一個參考連結。
網址
Typora允許用<括號括起來>, 把URL作為連結插入。輸入\[email protected] 即 [email protected]。
Typora還會自動連結標準網址。例如:www.simon96.online。
圖片
![顯示的文字](/path/to/img.jpg)
![顯示的文字](/path/to/img.jpg “圖片標題”)
傾斜
*單個星號*
_單下劃線_
效果如下:
單個星號
單下劃線
加粗
*兩個星號*
_雙下劃線_
效果如下:
兩個星號
雙下劃線
程式碼標記
標記程式碼使用反引號,即在英文輸入法下,ESC鍵下面和1鍵左邊的符號——`
使用該`printf()`功能。
效果如下:
使用該printf()
功能。
刪除線
~~刪除線~~
效果如下:
刪除線
下劃線
\下劃線
效果如下:
下劃線
表情符號:smile:
:smile :(注意為:是英文的冒號)
:smile:
下標
H~2~O (需在設定中開啟該功能)
上標
X^2^(需在設定中開啟該功能)
高亮
==高亮==(需在設定中開啟該功能)
HTML
支援HTML
嵌入內容
支援iframe-based嵌入程式碼,
< iframe height=’265’ scrolling=’no’ title=’Fancy Animated SVG Menu’ src=’http://codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder=’no’ allowtransparency=’true’ allowfullscreen=’true’ style=’width: 100%;’>
視訊
< video src=”xxx.mp4” />
總結:
- 建議開啟大綱檢視(快捷鍵ctrl + shift + 1)。
- 插入表格需要頂格寫,不然顯示不出來。
- 以上語法不用刻意記,在Typora中的右鍵選單都有, 常用功能基本上都有快捷鍵。
https://www.simon96.online/2018/10/18/Typora%E5%85%A5%E9%97%A8%EF%BC%88%E4%B8%AD%E6%96%87%E7%89%88%EF%BC%89/