一、簡介
相比較world這種文檔編輯器而言,Typora更適合寫一些程序相關的博客,因為可以用代碼+快捷鍵的方式,方便的對文章內容進行處理,不用在擔心排版和樣式變形的問題了,在編輯的過程中,就能預覽到效果。
二、下載
進入Typora官網下載,點擊進入。
三、常用快捷鍵
- 加粗: Ctrl + B
- 替換: Ctrl + H
- 撤銷: Ctrl + Z
- 插入鏈接:Ctrl + K
- 插入圖片:Ctrl + ShifIt + I
- 插代碼塊:Ctrl + ShifIt + K
- 顯示大綱:Ctrl + ShifIt + L
- 切換源代碼:Ctrl + /
四、塊元素
4.1 標題級別
# 一級標題, 快捷鍵為 Ctrl + 1
## 二級標題,快捷鍵為 Ctrl + 2
###### 六級標題,快捷鍵為 Ctrl + 6
注意:回車下行自動排序。
4.2 引用文字
> + spacebar
4.3 列表
-
無序列表: + 或 - + spacebar
-
有序列表:1. + spacebar
注意:回車下行自動排序。
4.4 代碼塊
快捷鍵:Ctrl + ShifIt + K
語法:</kbd><kbd>~ + Enter 在后面選擇一個語言名稱可語法高亮。
4.5 數學表達式
語法:$
$
+ Enter
效果:
4.6 表格
語法:| 1 | 2 |
+ Enter,即可將創建一個兩行兩列的表,表格左上右上角有擴展功能。
注意:插入表格需要頂頭寫,不然顯示不出來。
效果:
標題1 | 標題2 |
---|---|
內容1 | 內容2 |
4.7 目錄
語法:toc + Enter標題內容自動更新。
4.8 代碼標記
快捷鍵:Shift + Alt + `
語法:雙`引起來。
五、鏈接
跨度元素即圖片,網址,視頻等,在Typora中輸入后,會立即載入並呈現。
5.1 超鏈接
快捷鍵:Ctrl + K
這是一個帶有標題屬性的鏈接:[鏈接說明](http://example.com/ "標題")
這是一個沒有標題屬性的鏈接:[鏈接說明](http://example.net/)
5.2 圖片
快捷鍵:Ctrl + ShifIt + L


5.3 視頻
< video src=”xxx.mp4” />
六、文字符號
6.1 傾斜
快捷鍵:Ctrl + I
語法:*
內容 *
效果:單個星號
6.2 加粗
快捷鍵:Ctrl + B
語法:**
內容 **
效果:兩個星號
6.3 刪除線
快捷鍵:ShifIt + Alt + 5
語法:~~
內容~~
效果:刪除線
6.4 下划線
快捷鍵:Ctrl + U
語法:<u>
內容</u>
效果:下划線
6.5 分割線
語法:***
或 ---
+ Enter
6.6 表情符號
typora 會在你鍵入 : 的時候根據你輸入的單詞匹配表情。
輸入::happy:
、:cry:
、:smile:
等等就能獲得相應的表情。
效果::happy: 😢 😅
6.7 上下標,高亮顯示
注意:需要在設置中打開
上標:X2 方法:字母+^+數字+^
下標:H2O 方法:字母+~字母~+字母
高亮:高亮 方法:==文字==
6.8 腳注
-
腳注:
[^1]
-
注釋內容:
[^1]:
注意:腳注標識是1,標識可以為字母數字下划線,不支持中文。腳注內容可為任意字符,包括中文。
七、支持的 HTML 元素
7.1 文本居中
語法:<center>
內容 </center>
效果:
7.2 快捷鍵顯示
語法:<kbd>
內容 </kbd>
效果:CtrlEnter123
7.3 加粗
語法:<b>
加粗</b>
效果:粗了
7.4 傾斜
語法:<i>
傾斜 </i>
效果: 斜了
7.5 上下標
語法:<sup>
123hi你好</sup>
語法:<sub>
321hi你好</sub>
效果:123hi你好 / 321hi你好