Typora，世界上最漂亮的寫作App

來自專欄馬索萌帶你玩轉編程179 人贊了文章

有一種愛情是一觸即發。看到Typora的第一眼，我就愛上了它。它沒有專業軟體那麼複雜而難以上手的功能，卻也沒有為了簡潔而妥協到難以使用，它的每一寸肌膚都恰到好處，與它相處的每一刻都十分愉悅。

注意：知乎壓縮圖片比較厲害，清晰圖片請點擊圖片查看原圖

相遇

我是個工具控，很長時間以來我都用emacs寫markdown，自從我從spacemacs跳坑vs code之後便用vs code寫作了一段時間，體驗極好。不過我總是手癢，不折騰會死，所以就搜了一波有沒有什麼專門用來寫作的app。

下面幾個功能在我的需求中具有一票否決權：

• 可以使用markdown語法
• 我需要大量編輯代碼
• 數學公式的編輯支持要好

首先我搜到的是Ulysses，試用了一下，這個App做的非常出色，排版精美，寫作編輯、文件管理一體化。但是它原生並不支持數學公式的編輯，官方給出的方案有兩個：

1. 導出到markdown然後用pandoc轉成pdf
2. 在導出的html上加入mathjax的代碼來完成公式的展示

這兩個方案我本來還可以接受，然而在我真正嘗試之後便放棄了，原因是Ulysses自己擴展了markdown語法，比如{ipi}這段代碼中{}和都是特殊字元，我試了半天都沒找到怎麼在導出的markdown文件中正確顯示。我不甘心，於是又google解決方法，沒想到沒看到解決方法，反倒看到了Typora的介紹，說它是最漂亮的markdown編輯器，數學公式什麼的都支持的很好，我就很好奇地打開了他家的網站。

首頁簡潔的風格一下子就抓住了我的眼睛，一分鐘之後我便愛上了這個App。

數學公式

Typora對於 語法支持的非常完善，內置的渲染引擎堪稱完美，同類App我沒見過比它更好的。下圖是Typora內編輯數學公式的截圖。

漂不漂亮？

圖片

Typora對於圖片渲染的支持也十分到位，可以直接拖拽圖片，QQ截圖可以直接粘貼（圖片路徑在臨時文件夾），支持html code，所以可以進行縮放等操作。

代碼塊

毫無疑問，作為一款程序員的作品，完美的代碼展示是必不可少的功能。

流程圖

Typora可以直接在markdown中畫流程圖，而且語法簡潔易懂，這是個讓我異常驚喜的功能。

Typora使用flowchart.js來生成簡單的SVG流程圖，此外它還支持mermaid engine。要知道，在市面上你絕少看到此類用戶體驗良好的作圖App，更別說集成在一個markdown編輯器裡面了。Typora支持三類流程圖：

• sequence
• flowchart
• gantt

我們依次介紹。首先，只需要敲入以下代碼，然後選擇語言為sequence即可生成下面的圖

李雷 -> 韓梅梅: Hello 梅梅, How are you?Note right of 韓梅梅: 韓梅梅心想韓梅梅 --> 李雷: Im fine, thanks, and you?

對於Flowchart，可以使用下面的code，然後語法選擇flow

st=>start: 鬧鐘響起op=>operation: 與床板分離cond=>condition: 分離成功?e=>end: 快樂的一天st->op->condcond(yes)->econd(no)->op

Mermaid是另一個流程圖生成的引擎，在官網中它是這麼介紹自己的

Generation of diagrams and flowcharts from text in a similar manner as markdown.

除了Sequence和Flowchart兩類圖之外，Mermaid還提供一種叫做gantt的圖。插入下面的代碼，然後語法選mermaid就會自動渲染成gantt圖了。

gantt dateFormat YYYY-MM-DD title 快樂的生活 section 吃一把雞就學習 學習 :done, des1, 2014-01-06,2014-01-09 瘋狂學習 :active, des2, 2014-01-09, 3d 繼續瘋狂學習 : des3, after des2, 5d 吃雞！ : des4, after des3, 4d section 具體內容 學習Python :crit, done, 2014-01-06,72h 學習C++ :crit, done, after des1, 2d 學習Lisp :crit, active, 3d 學習圖形學 :crit, 4d 跳傘 :2d 打槍 :2d

表格

Typora中的表格是完全圖形化操作的，非常方便。之前用過一些App（比如emacs），可以用文字+快捷鍵的方式編輯表格，然而需要記很多東西，不經常用就忘了。Typora的這個是真好用。表格的快捷鍵也很好記，cmd + T (Table)。也可以很方便地編輯表格的形狀，如下圖

大綱視圖

Typora會自動將Heading統計作為文章的大綱，而且根據標題的級別自動進行樹狀歸納。這個功能真的很貼心，尤其是文章長了的時候，只需要點擊大綱中的標題就能很方便地跳轉。

快捷鍵

Typora的快捷鍵繼承了Mac OS最大的優點，那就是命令與GUI的完美結合，方便直觀，比如一級標題就是cmd + 1，二級標題就是cmd + 2，依次類推。這些快捷鍵使得在修改某段文字的標記的時候速度大大加快，原來的流程是手動去改文字的標記，現在我只需要按一下快捷鍵就行了。順便感謝command鍵，按起來也比emacs的默認快捷鍵方便多了。

其他細節

• 對於漢字字數統計非常準確，中英文混排時統計字數也毫無壓力。
• 全平台app，windows linux macos都有，我全都要！
• 可以自定義主題

總結

我在相當長一段時間內都不會再折騰寫作App了。

這篇文章一開始是用Typora寫的，可惜放到知乎上來之後排版的精美程度損失了一些。