1. 程式人生 > >寫Markdown費事?Typora讓你像寫word一樣行雲流水,所見即所得。

寫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

有序列表

  1. AA
  2. BB
  3. 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” />


總結:

    1. 建議開啟大綱檢視(快捷鍵ctrl + shift + 1)。
    2. 插入表格需要頂格寫,不然顯示不出來。
    3. 以上語法不用刻意記,在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/