研發運維的神助手-Typora(功能強大的Markdown編輯器)

作為一名IT研發或者運維工程師,想必大家應該都接觸過xxx.md這樣的文件,那麼這類文件一般都是用作什麼呢?我們來看下下面這張圖片,想必大家應該都比較熟悉吧。

是的,一般情況下我們會用Markdown來記錄下軟件或服務的說明或配置文檔。今天,我們就來詳細介紹一下這個強大的Markdown編輯器-Typora!

作為日常經常敲擊代碼或命令的鍵盤手們來說,Typora的學習成本非常低,因為其有許多快捷命令,只需通過鍵盤輸入相應命令敲下“Enter鍵“就可實現當前文本的排版格式,雖然”Enter鍵“每次敲下去都很有快感,但是還請各位高手善待 TA

由於官方文檔中說明的不夠詳細,為了日常工作的高效便捷,我決定自己整理一下,同時在此與大家一起來分享!

Typora的特點

Typora允許隨時進行無縫預覽,因此您可以在預覽時直觀地進行書寫。跨平臺,在Win,Mac和Linux上都可使用。具有校驗功能,可以檢查拼寫和語法自動配對Markdown符號,
例如括號。支持大約100種語言並,支持語法突出顯示豐富的功能和快捷鍵與內聯公式和顯示公式兼容。公式也可以實現預覽。可以輕鬆插入圖像(包括動態圖像)。以各種格式導出,例如PDF,LaTeX,HTML等 。您可以根據自己的喜好切換主題。支持自動保存和恢復。有專注模式,打字機模式和源代碼模式,可以根據個人喜好進行切換。大綱面板使您可以快速瀏覽文檔。字符,行和單詞的數量可以立即查看。可以創建簡單的流程圖

規格要求

Typora在以下環境中工作。

Windows:需要7、8、10。x86,x64支持。MacOS:10.13或更高版本。如果小於此值,則可以使用Typora 0.9.9.26版。Linux:Ubuntu 16.04和18.04

Typora功能和快捷鍵

一、Markdown的說明

1.1 目錄

語法

輸入[toc],然後按Enter以添加目錄。

1.2 標題

語法

可以通過在行的開頭添加#來創建H1至H6。

<code># H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 /<code>快捷鍵

1.3 樣式

您可以更改字符本身的樣式。

語法

(1)加粗

<code>**加粗**__加粗__/<code>

(2)斜體

<code>*斜體*_斜體_/<code>

(3)下劃線

<code>下劃線/<code>

(4)超鏈接

<code>[超鏈接](https://www.baidu.com)/<code>

(5)刪除線

<code>~~刪除線~~/<code>

其他樣式設置可在”文件“>“偏好設置”>“Markdown”中配置,如下圖。

快捷鍵

1.4 代碼塊

您可以通過在文章中寫[```] 來插入代碼塊。此外,通過在前導符號後放置語言名稱,可以應用語法突出顯示(如果支持該語言)。

語法

(1)單行代碼,可用[``]來插入代碼。

<code>`String str = "hello world";`/<code>

(2)多行代碼,可用[```]或[~~~]來插入代碼。

<code>```go~~~python/<code>快捷鍵

1.5 引用

引用是通過在字符前面加上“>”字符來創建的。

語法

<code>> 引用1>> 引用2>>> 引用3/<code>

1.6 列表

語法

(1)無序列表,可以通過在句子的開頭添加[-]、[+]或[*]來創建。

<code>* 無序列表1+ 無序列表2- 無序列表3/<code>

(2)有序列表,可以通過在句子的開頭放置[1.] 來創建。

<code>1. 有序列表12. 有序列表23. 有序列表3/<code>

(3)任務列表,可以通過編寫[-[]] 創建。通過[x]表示選中。

<code>-[ ] 未完成-[x] 已完成/<code>快捷鍵

1.7 插入公式

您可以通過將公式放在[$]之間來編寫內聯公式,可以通過在​[$$]之間放置公式(LaTeX)來編寫顯示公式

語法

<code>$$\\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}$$/<code>

效果如下:

快捷鍵

1.8 表格

Typora中的表格是完全圖形化操作的,非常方便。也可以很方便地編輯表格的樣式,如下圖

語法

<code>|姓名|身高|體重||:---|:--:|---:||張三|165|55||李四|170|68||王五|182|73|/<code>快捷鍵

1.9 註腳

您可以通過[^xxx]添加腳註。將鼠標懸停在腳註上可以查看該腳註。

語法

<code>Orangekeyboard[^註釋]/<code>

1.10 分割線

輸入[***]或[---],然後按Enter畫一條水平線。

語法

<code>***---/<code>

二、Typora的操作

2.1 常用快捷鍵

2.2 側邊欄

您可以在“文檔列表視圖”和“大綱視圖”之間切換,“文檔列表視圖”顯示文件夾中的文檔列表,“大綱視圖”顯示當前打開文件的層次結構。

在大綱視圖中,可以通過單擊任何標題快速移至該位置。

2.3 模式切換

Typora有幾種模式可以幫助用戶專注於寫作。

源代碼模式:可以通過顯示源代碼來確認以預覽模式(默認)編寫的內容。您也可以按原樣對其進行編輯。專注模式:除當前選中行或塊以外的句子都變暗,可以更輕鬆地將視點僅聚焦於當前正在編輯的區域。

打字機模式
:模仿機械打字機的動作,使得編輯部分始終位於Typora工作窗口的中間位置。

2.4 切換主題

Typora有幾個主題,可以從菜單欄中選擇切換,當然也可以去官方網站下載您比較喜歡的主題。

主題切換

下載並導入主題

(1)打開“偏好設置”>"外觀">"獲取主題"

(2)選在您喜歡的主題,並下載到本地

(3)打開“偏好設置”>"外觀">"打開主題文件夾",將下載到本地的主題壓縮包解壓至該目錄下就可以了,共兩個文件

2.5 拼寫檢查

Typora具有拼寫檢查功能,您可以從“編輯”中啟用/禁用拼寫檢查功能,該功能還是非常有用的。

2.6 流程圖

可以通過在代碼塊中指定並描述[sequence] 來創建流程圖

<code>Alice->Bob: Hello Bob, how are you?Note right of Bob: Bob thinksBob-->Alice: I am good thanks!/<code>

也可以通過在代碼塊中指定和描述[流] 來創建流程圖

<code>st=>start: Startop=>operation: Your Operationcond=>condition: Yes or No?e=>endst->op->condcond(yes)->econd(no)->op/<code>

您也可以創建其他甘特圖。

2.7 嵌入HTML

您還可以通過嵌入HTML來更改文本顏色。

<code>紅色文字 span>/<code>

結尾

在接觸Typora之前,我一直都使用VSCode或SublimeText編寫Markdown,直到認識了它之後,就被深深的吸粉了。我也希望本文能幫助您在工作中提升一定的工作效率。2020 讓當前還在家裡辦公的您點贊!武漢加油!中國加油!