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

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

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

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

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

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

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

Typora的特點

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

規格要求

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以添加目錄。

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

1.2 標題

  • 語法

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

<code>#       H1    ##      H2    ###     H3    ####    H4 #####   H5    ######  H6 /<code>
  • 快捷鍵
研發運維的神助手-Typora(功能強大的Markdown編輯器)

1.3 樣式

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

  • 語法

(1)加粗

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

(2)斜體

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

(3)下劃線

<code>下劃線/<code>

(4)超鏈接

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

(5)刪除線

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

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

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

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

1.4 代碼塊

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

  • 語法

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

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

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

<code>```go~~~python/<code>
  • 快捷鍵
研發運維的神助手-Typora(功能強大的Markdown編輯器)

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>
  • 快捷鍵
研發運維的神助手-Typora(功能強大的Markdown編輯器)

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>

效果如下:

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

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

1.8 表格

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

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

  • 語法
<code>|姓名|身高|體重||:---|:--:|---:||張三|165|55||李四|170|68||王五|182|73|/<code>
  • 快捷鍵
研發運維的神助手-Typora(功能強大的Markdown編輯器)

1.9 註腳

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

  • 語法
<code>Orangekeyboard[^註釋]/<code>

1.10 分割線

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

  • 語法
<code>***---/<code>

二、Typora的操作

2.1 常用快捷鍵

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

2.2 側邊欄

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

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

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

2.3 模式切換

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

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

  • 打字機模式:模仿機械打字機的動作,使得編輯部分始終位於Typora工作窗口的中間位置。
研發運維的神助手-Typora(功能強大的Markdown編輯器)

2.4 切換主題

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

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

  • 下載並導入主題

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

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

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

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

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

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

2.5 拼寫檢查

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

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

2.6 流程圖

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

流程圖

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

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

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

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

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

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

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

2.7 嵌入HTML

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

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

結尾

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


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


分享到:


相關文章: