【Tools】MarkDown教程(七)-Typora详细教程
00. 目錄
文章目錄
- 00. 目錄
- 01. Markdown簡介
- 02. Typora下載
- 03. 常用快捷鍵
- 04. 塊元素-換行符
- 05. 塊元素-標(biāo)題級(jí)別
- 06. 塊元素-引用文字
- 07. 塊元素-無序列表
- 08. 塊元素-有序列表
- 09. 塊元素-任務(wù)列表
- 10. 塊元素-代碼塊
- 11. 塊元素-數(shù)學(xué)表達(dá)式
- 12. 塊元素-表格
- 13. 塊元素-腳注
- 14. 塊元素-水平線
- 15. 塊元素-YAML Front Matter
- 16. 塊元素-目錄[toc]
- 17. 跨度元素
- 18. 跨度元素-內(nèi)部鏈接
- 19. 跨度元素-參考鏈接
- 20. 跨度元素-網(wǎng)址
- 21. 跨度元素-圖片
- 22. 跨度元素-斜體
- 23. 跨度元素-加粗
- 24. 跨度元素-加粗斜體
- 25. 跨度元素-代碼標(biāo)記
- 26. 跨度元素-刪除線
- 27. 跨度元素-下劃線
- 28. 跨度元素-表情符號(hào)
- 29. 跨度元素-內(nèi)聯(lián)公式
- 30. 跨度元素-下標(biāo)
- 31. 跨度元素-上標(biāo)
- 32. 跨度元素-高亮
- 33. 跨度元素-HTML
- 34. 跨度元素-嵌入內(nèi)容
- 35. 跨度元素-視頻
- 36. 跨度元素-換行符
- 37. 轉(zhuǎn)義
- 38. 總結(jié)
- 39. 附錄
01. Markdown簡介
Typora是一款輕便簡潔的Markdown編輯器，支持即時(shí)渲染技術(shù)，這也是與其他Markdown編輯器最顯著的區(qū)別。即時(shí)渲染使得你寫Markdown就想是寫Word文檔一樣流暢自如，不像其他編輯器的有編輯欄和顯示欄。
- Typora刪除了預(yù)覽窗口，以及所有其他不必要的干擾。取而代之的是實(shí)時(shí)預(yù)覽。
- Markdown的語法因不同的解析器或編輯器而異，Typora使用的是GitHub Flavored Markdown。
Typora 首先是一個(gè) Markdown 文本編輯器，它支持且僅支持 Markdown 語法的文本編輯。在 Typora 官網(wǎng) 上他們將 Typora 描述為 「A truly minimal markdown editor. 」。
Markdown 是一種輕量級(jí)標(biāo)記語言，它允許人們使用易讀易寫的純文本格式編寫文檔。
Markdown 語言在 2004 由約翰·格魯伯（英語：John Gruber）創(chuàng)建。
Markdown 編寫的文檔可以導(dǎo)出 HTML 、Word、圖像、PDF、Epub 等多種格式的文檔。
Markdown 編寫的文檔后綴為 .md, .markdown。
02. Typora下載
2.1 Typora官網(wǎng)下載
下載：https://www.typora.io/
2.2 CSDN高速下載
下載：typora-setup-x64-20200701.rar
03. 常用快捷鍵
- 加粗： Ctrl + B
- 標(biāo)題： Ctrl + H
- 插入鏈接： Ctrl + K
- 插入代碼： Ctrl + Shift + C – 無法執(zhí)行
- 行內(nèi)代碼： Ctrl + Shift + K
- 插入圖片： Ctrl + Shift + I
- 無序列表：Ctrl + Shift + L – 無法執(zhí)行
- 撤銷： Ctrl + Z
- 一級(jí)標(biāo)題： Ctrl + 1 – 以此類推
04. 塊元素-換行符
在markdown中，段落由多個(gè)空格分隔。在Typora中，只需回車即可創(chuàng)建新段落。
05. 塊元素-標(biāo)題級(jí)別
# 一級(jí)標(biāo)題 快捷鍵為 Ctrl + 1 ## 二級(jí)標(biāo)題 快捷鍵為 Ctrl + 2 ...... ###### 六級(jí)標(biāo)題 快捷鍵為 Ctrl + 606. 塊元素-引用文字
> + 空格 + 引用文字07. 塊元素-無序列表
使用 * + - 都可以創(chuàng)建一個(gè)無序列表
## un-ordered list * Red * Green * Blue08. 塊元素-有序列表
使用 1. 2. 3. 創(chuàng)建有序列表
## ordered list 1. Red 2. Green 3. Blue09. 塊元素-任務(wù)列表
- [ ] 不勾選
- [x] 勾選
10. 塊元素-代碼塊
在Typora中插入程序代碼的方式有兩種：使用反引號(hào) `（~ 鍵）、使用縮進(jìn)（Tab）。
- 插入行內(nèi)代碼，即插入一個(gè)單詞或者一句代碼的情況，使用 code 這樣的形式插入。
- 插入多行代碼輸入3個(gè)反引號(hào)（`） + 回車，并在后面選擇一個(gè)語言名稱即可實(shí)現(xiàn)語法高亮。
11. 塊元素-數(shù)學(xué)表達(dá)式
當(dāng)你需要在編輯器中插入數(shù)學(xué)公式時(shí)，可以使用兩個(gè)美元符 $$ 包裹 TeX 或 LaTeX 格式的數(shù)學(xué)公式來實(shí)現(xiàn)。根據(jù)需要加載 Mathjax 對(duì)數(shù)學(xué)公式進(jìn)行渲染。
按下 $$，然后按下回車鍵，即可進(jìn)行數(shù)學(xué)公式的編輯。
V1×V2=∣ijk?X?u?Y?u0?X?v?Y?v0∣\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} V1?×V2?=∣∣∣∣∣∣?i?u?X??v?X??j?u?Y??v?Y??k00?∣∣∣∣∣∣?
12. 塊元素-表格
輸入 | 表頭1 | 表頭2 |并回車。即可創(chuàng)建一個(gè)包含2列表?？旖萱I Ctrl + T彈出對(duì)話框。
| Content Cell | Content Cell |
| Content Cell | Content Cell |
- 不管是哪種方式，第一行為表頭，第二行為分割表頭和主體部分，第三行開始每一行為一個(gè)表格行
- 列與列之間用管道符號(hào)| 隔開
- 還可設(shè)置對(duì)齊方式(表頭與內(nèi)容之間)，如果不使用對(duì)齊標(biāo)記，內(nèi)容默認(rèn)左對(duì)齊，表頭居中對(duì)齊
- 左對(duì)齊 ：|
- 右對(duì)齊 |：
- 中對(duì)齊 ：|：
- 為了美觀，可以使用空格對(duì)齊不同行的單元格，并在左右兩側(cè)都使用 | 來標(biāo)記單元格邊界
- 為了使 Markdown 更清晰，| 和 - 兩側(cè)需要至少有一個(gè)空格（最左側(cè)和最右側(cè)的 | 外就不需要了）。
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
13. 塊元素-腳注
這個(gè)例子的腳注為1。
注意：該例子腳注標(biāo)識(shí)是1，腳注標(biāo)識(shí)可以為字母數(shù)字下劃線，但是暫不支持中文。腳注內(nèi)容可為任意字符，包括中文。
You can create footnotes like this[^footnote].[^footnote]: Here is the *text* of the **footnote**.14. 塊元素-水平線
輸入 *** 或者 --- 再按回車即可繪制一條水平線，如下：
*** ---
15. 塊元素-YAML Front Matter
Typora支持YAML Front Matter， 在文章開頭輸入---，然后按回車即可。
16. 塊元素-目錄[toc]
輸入 [ toc ] 然后回車，即可創(chuàng)建一個(gè)“目錄”。TOC從文檔中提取所有標(biāo)題，其內(nèi)容將自動(dòng)更新。
17. 跨度元素
跨度元素即圖片，網(wǎng)址，視頻等，在Typora中輸入后，會(huì)立即載入并呈現(xiàn)。
18. 跨度元素-內(nèi)部鏈接
這是一個(gè)帶有標(biāo)題屬性的 [鏈接](http://example.com/ "標(biāo)題") 這是一個(gè)沒有標(biāo)題屬性的 [鏈接](http://example.net/)這是一個(gè)帶有標(biāo)題屬性的 鏈接
這是一個(gè)沒有標(biāo)題屬性的 鏈接
內(nèi)部鏈接，跳轉(zhuǎn)到指定的標(biāo)題
Command(on Windows: Ctrl) + Click [This link](#block-elements)[跳轉(zhuǎn)到塊元素-代碼塊](#10. 塊元素-代碼塊)
19. 跨度元素-參考鏈接
這是一個(gè)[參考鏈接][id]。 [id]: http://example.com/ “可選標(biāo)題”這是一個(gè)參考鏈接.
20. 跨度元素-網(wǎng)址
Typora允許用<括號(hào)括起來>, 把URL作為鏈接插入。
<i@typora.io> 將會(huì)成為 i@typora.io.
Typora還會(huì)自動(dòng)鏈接標(biāo)準(zhǔn)網(wǎng)址。
www.baidu.com
21. 跨度元素-圖片
除了以上2種方式之外，還可以直接將圖片拖拽進(jìn)來，自動(dòng)生成鏈接。
22. 跨度元素-斜體
使用 *單個(gè)星號(hào)* 或者 _單下劃線_ 可以字體傾斜?？旖萱I Ctrl + I
*單個(gè)星號(hào) * _單下劃線 _單個(gè)星號(hào)
單下劃線
可以使用\轉(zhuǎn)義*
*this text is surrounded by literal asterisks*
23. 跨度元素-加粗
使用 **兩個(gè)星號(hào)** 或者 __兩個(gè)下劃線__ 可以字體加粗。快捷鍵 Ctrl + B
**double asterisks**__double underscores__顯示效果：
double asterisks
double underscores
24. 跨度元素-加粗斜體
使用***加粗斜體***可以加粗斜體。
`***加粗斜體***`加粗斜體
25. 跨度元素-代碼標(biāo)記
標(biāo)記代碼使用反引號(hào)，即在英文輸入法下，ESC鍵下面和1鍵左邊的符號(hào)。
使用`printf`函數(shù)使用printf函數(shù)
26. 跨度元素-刪除線
使用~~刪除線~~ 快捷鍵 Alt + Shift + 5
~~刪除線~~刪除線
27. 跨度元素-下劃線
通過<u>下劃線的內(nèi)容</u> 或者 快捷鍵Ctrl + U可實(shí)現(xiàn)下劃線
<u>下劃線</u>下劃線
28. 跨度元素-表情符號(hào)
Github的Markdown語法支持添加emoji表情，輸入不同的符號(hào)碼（兩個(gè)冒號(hào)包圍的字符）可以顯示出不同的表情。
:smile:😄
29. 跨度元素-內(nèi)聯(lián)公式
To use this feature, please enable it first in the Preference Panel -> Markdown Tab. Then, use $ to wrap a TeX command. For example: $\lim_{x \to \infty} \exp(-x) = 0$ will be rendered as LaTeX command.
lim?x→∞exp?(?x)=0\lim_{x \to \infty} \exp(-x) = 0 x→∞lim?exp(?x)=0
30. 跨度元素-下標(biāo)
To use this feature, please enable it first in the Preference Panel -> Markdown Tab. Then, use ~ to wrap subscript content. For example: H~2~O, X~long\ text~/
可以使用 <sub>文本</sub>實(shí)現(xiàn)下標(biāo)。
H<sub>2</sub>OH2O
31. 跨度元素-上標(biāo)
可以使用<sup>文本</sup>實(shí)現(xiàn)上標(biāo)。
<sup>2</sup>X^2x2
32. 跨度元素-高亮
==高亮==(需在設(shè)置中打開該功能)
==高亮==高亮
33. 跨度元素-HTML
使用 <center>這是要居中的內(nèi)容</center>可以使文本居中
這是要居中的內(nèi)容You can use HTML to style content what pure Markdown does not support. For example, use <span style="color:red">this text is red</span> to add text with red color.
this text is red
34. 跨度元素-嵌入內(nèi)容
支持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%;'></iframe>35. 跨度元素-視頻
You can use the <video> HTML tag to embed videos. For example:
<video src="xxx.mp4" />36. 跨度元素-換行符
使用 空格 + 空格 + Enter可以實(shí)現(xiàn)換行，例如：
或者可以使用<br/>實(shí)現(xiàn)換行。
37. 轉(zhuǎn)義
Markdown 使用了很多特殊符號(hào)來表示特定的意義，如果需要顯示特定的符號(hào)則需要使用轉(zhuǎn)義字符，Markdown 使用反斜杠轉(zhuǎn)義特殊字符：
Markdown 支持以下這些符號(hào)前面加上反斜杠來幫助插入普通的符號(hào)：
\ 反斜線 ` 反引號(hào) * 星號(hào) _ 下劃線 {} 花括號(hào) [] 方括號(hào) () 小括號(hào) # 井字號(hào) + 加號(hào) - 減號(hào) . 英文句點(diǎn) ! 感嘆號(hào)38. 總結(jié)
建議打開大綱視圖Ctrl + Shift + 1
插入表格需要頂格寫，否則無法顯示
語法無須刻意記憶，右鍵可查詢
39. 附錄
菜鳥教程：https://www.runoob.com/markdown/md-tutorial.html
這兒是腳注1 ??
總結(jié)
以上是生活随笔為你收集整理的【Tools】MarkDown教程(七)-Typora详细教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【IT资讯】MATLAB 不能用了，哪些
- 下一篇： 【Tools】MarkDown教程(八)