Typora 是什么？
Typora 是一款支持實時預覽的 Markdown 文本編輯器泳挥。它支持且僅支持 Markdown 語法的文本編輯。它有 OS X至朗、Windows屉符、Linux 三個平臺的版本，并且是完全免費的锹引。
關(guān)于 Markdown
Markdown 是用來編寫結(jié)構(gòu)化文檔的一種純文本格式矗钟。由于目前還沒有一個權(quán)威機構(gòu)對 Markdown 的語法進行規(guī)范，各應用廠商制作時遵循的 Markdown 語法也是不盡相同的嫌变。其中比較受到認可的是 GFM 標準吨艇，它是由著名代碼托管網(wǎng)站 GitHub 所制定的。Typora 主要使用的也是 GFM 標準腾啥。同時东涡，你還可以在 文件 - 偏好設(shè)置 - Markdown 語法偏好 - 嚴格模式 中將標準設(shè)置為「更嚴格地遵循 GFM 標準」。具體內(nèi)容你可以在官方的 這篇文檔 中查看倘待。
寫得舒服
一個文本編輯器疮跑，寫得舒服是關(guān)鍵。我曾說過凸舵，「更有趣的是祖娘，一個筆記應用不會因為它支持 Markdown 語法而高級或易用很多“⊙伲」渐苏，細枝末節(jié)處的人性化考慮才是最重要的。而 Typora 的編輯體驗顯然是經(jīng)過深思熟慮設(shè)計的產(chǎn)物增热。
我認為：一個優(yōu)秀的筆記應用應該給用戶選擇 Markdown 語法風格的權(quán)利整以。而 Typora 在這一點上是我目前見過所有 Markdown 筆記應用中做得最好的。
通過打開 文件 - 偏好設(shè)置 你會發(fā)現(xiàn) Typora 為編輯體驗的考慮細致到了令人嘆為觀止的程度峻仇。Typora 中提供了大量有關(guān) Markdown 偏好的設(shè)置公黑，據(jù)此，你可以構(gòu)建一個幾乎完全適合自己的 Markdown 編輯器。下面我將依次介紹一些與文本編輯體驗有關(guān)的功能亮點凡蚜。
智能標點
我認為「智能標點」是比較有趣的一點人断。它可以自動幫你將不是很美觀的直引號 " ' 轉(zhuǎn)化為更美觀的彎引號 “ ‘ ’ ”。具體內(nèi)容你可以在官方的 這篇文檔 中查看朝蜘。關(guān)于直彎引號在 macOS 上如何輸入你也可以看 這篇文章恶迈。
圖片插入
Typora 的圖片插入功能是廣受好評的。要知道谱醇，Markdown 原生不太注重圖片插入的功能暇仲，但你可以在 Typora 中：
- 直接使用
右鍵 - 復制 Ctrl + V將網(wǎng)絡(luò)圖片、剪貼板圖片復制到文檔中 - 拖動本地圖片到文檔中
Typora 會自動幫你插入符合 Markdown 語法的圖片語句副渴，并給它加上標題奈附。
<figcaption class="ss-image-caption" style="outline: none !important; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; text-align: center; color: rgb(142, 135, 135); margin-top: 20px;">復制圖片</figcaption>
你也完全可以使用圖床來保證文檔在分享后圖片仍能正常顯示。
更強大的是煮剧，Typora 支持在拖動或 Ctrl + V 網(wǎng)絡(luò)圖片后自動將其保存到本地斥滤。你可以在 文件 - 偏好設(shè)置 - 編輯器 - 圖片插入 中選擇復制到哪個路徑，什么情況下需要復制勉盅。
這一功能保證了即使網(wǎng)絡(luò)圖片源失效了佑颇，你還有本地的備份可用。同時也能使你的文檔文件夾更合理草娜、完整挑胸。
打字機模式和專注模式
「打字機模式」使得你所編輯的那一行永遠處于屏幕正中。
「專注模式」使你正在編輯的那一行保留顏色驱还，而其他行的字體呈灰色嗜暴。
你可以在 視圖 - 專注模式 / 打字機模式 中勾選使用這兩個模式凸克。
實時預覽
我想很果斷地下這個結(jié)論：到現(xiàn)在還不支持編輯界面實時預覽的 Markdown 編輯器基本可以退出市場了议蟆。Typora 在這一方面顯然已經(jīng)領(lǐng)先了一大步——他們連 Markdown 語法的標記都在實時預覽中消去了。當你離開正在編輯的有格式的文本段后萎战，Typora 會自動隱藏 Markdown 標記咐容，只留下「所見即所得」的美妙。他們把這稱為 Hybrid View蚂维。
為了防止一些程序 bug 的發(fā)生（雖然在我使用下來感到是很少的）導致格式問題無法修改戳粒，Typora 保留了一個「源代碼模式」。你可以通過 視圖 - 源代碼模式 或左下角的 </> 按鈕進入虫啥。
大綱 / 文件側(cè)邊欄
Typora 會根據(jù)你 Markdown 標記的 H1蔚约、H2、H3…… 各級標題為你呈現(xiàn)一個大綱涂籽。
你也可以選擇查看文件夾中的文件苹祟，但由于目前 Typora 只支持查看 md 文件，因此我認為文件側(cè)邊欄這個功能還是很雞肋的。
空格與換行
Typora 在空格與換行部分主要是使用 CommonMark 作為標注規(guī)范树枫。與前文提到的 GFM 一樣直焙，CommonMark 也是比較流行的 Markdown 語言規(guī)范（解析器）之一。
-
空格：在輸入連續(xù)的空格后砂轻，Typora 會在編輯器視圖里為你保留這些空格奔誓，但當你打印或?qū)С鰰r，這些空格會被省略成一個搔涝。
你可以在源代碼模式下厨喂，為每個空格前加一個\轉(zhuǎn)義符，或者直接使用 HTML 風格的&nbps;來保持連續(xù)的空格庄呈。 -
軟換行：需要說明的是杯聚，在 Markdown 語法中，換行（line break）與換段是不同的抒痒。且換行分為軟換行和硬換行幌绍。在 Typora 中，你可以通過
Shift + Enter完成一次軟換行故响。軟換行只在編輯界面可見傀广，當文檔被導出時換行會被省略。 -
硬換行：你可以通過
空格 + 空格 + Shift + Enter完成一次硬換行彩届，而這也是許多 Markdown 編輯器所原生支持的伪冰。硬換行在文檔被導出時將被保留，且沒有換段的段后距樟蠕。 -
換段：你可以通過
Enter完成一次換段贮聂。Typora 會自動幫你完成兩次Shift + Enter的軟換行，從而完成一次換段寨辩。這也意味著在 Markdown 語法下吓懈，換段是通過在段與段之間加入空行來實現(xiàn)的。 -
Windows 風格（CR+LF）與 Unix 風格（CR）的換行符：CR 表示回車
\r靡狞，即回到一行的開頭耻警，而 LF 表示換行\n，即另起一行甸怕。
所以 Windows 風格的換行符本質(zhì)是「回車 + 換行」甘穿，而 Unix 風格的換行符是「換行」。這也是為什么 Unix / Mac 系統(tǒng)下的文件梢杭，如果在 Windows 系統(tǒng)直接打開會全部在同一行內(nèi)温兼。 你可以在文件 - 偏好設(shè)置 - 編輯器 - 默認換行符中對此進行切換。
下附以上各空格武契、換行募判、換段的測試結(jié)果圖缸榛。具體內(nèi)容你可以在官網(wǎng)的 這篇文檔 中查閱。
emoji 表情
如今 emoji 表情越來越多地出現(xiàn)在一些網(wǎng)站文章中，但在桌面端（特別是 Windows 系統(tǒng)）文本編輯器上插入 emoji 是一件十分麻煩的事情敦腔。在使用 Typora 之前均澳，我打出 emoji 表情的辦法基本有兩個：
- 輸入法聯(lián)想：優(yōu)點是比較方便，但會插入一張圖片而不是一個字符符衔，在許多情景下都不是很合適找前。
- 復制 emoji 符號：優(yōu)點是能保證符號的形式，但顯然每次用都需要去復制判族，比較麻煩躺盛。
在 Typora 中，你可以用 :emoji: 的形式來打出 emoji形帮，軟件會自動給出圖形的提示槽惫，還是比較好用的。
一個學術(shù)文檔編輯器
除了基本的文本編輯體驗極佳之外辩撑，Typora 還是一個非常優(yōu)秀的學術(shù)文檔編輯器界斜。當然作為一個輕量級的、基于 Markdown 的編輯器合冀，它不能與那些 LaTeX 編輯器相提并論各薇，但它仍支持了許多可用于學術(shù)寫作的功能。
LaTeX
LaTeX 是一種基于 TeX 的排版系統(tǒng)君躺，由于它易于快速生成復雜表格和數(shù)學公式峭判，非常適用于生成高印刷質(zhì)量的科技和數(shù)學類文檔。如果你常閱讀數(shù)學棕叫、計算機等領(lǐng)域的學術(shù)論文林螃，你一定對 LaTeX 不陌生。
Typora 原生支持 LaTeX 語法谍珊，你有兩種方式輸入 LaTeX 風格的數(shù)學公式：
-
行內(nèi)公式（inline）：用
$...$括起公式治宣，公式會出現(xiàn)在行內(nèi)急侥。 -
塊間公式（display）：用
$$...$$括起公式（注意$$后需要換行）砌滞，公式會默認顯示在行中間。
具體的 LaTeX 語法在此不贅述了坏怪，你可以在 這篇文章 中查看贝润。
代碼高亮
Typora 中代碼的插入也可以分為行內(nèi)和塊間兩種：
- 行內(nèi)代碼：用
...或...括起代碼，代碼會以主題中設(shè)置的樣式出現(xiàn)在行內(nèi)铝宵，但不會實現(xiàn)代碼高亮打掘。 - 代碼塊：輸入 ````` 后并輸入語言名华畏，換行，開始寫代碼尊蚁，Typora 就會自動幫你實現(xiàn)代碼高亮亡笑。Typora 原生支持許多編程語言代碼塊的語法高亮，基本日常常用的編程語言它都能很好地支持横朋。
除此以外仑乌，你也可以直接換行開始寫，而后再選擇語言琴锭。
表格
在 Markdown 中插入表格一直是一件比較頭疼的事情晰甚。在一般的 Markdown 編輯器中，你可以通過以下的格式插入表格：
<pre style="outline: none !important; background-color: rgb(245, 245, 245); padding: 20px; white-space: pre-wrap; word-break: break-all; color: rgb(76, 78, 77); font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">| 左對齊 | 右對齊 | 居中對齊 |
| :-----| ----: | :----: |
| 單元格 | 單元格 | 單元格 |
| 單元格 | 單元格 | 單元格 |</pre>
乍一看還挺直觀好用的是吧决帖？但想想厕九，一旦表格內(nèi)容層次不齊，又或是表格長得難以下手地回，直接用鍵盤輸入表格就顯得十分麻煩和痛苦了扁远。
好在 Typora 為我們提供了圖形界面的插入表格的功能，你只需要在行內(nèi) 鼠標右鍵 - 插入 - 表格 刻像，并輸入行數(shù)和列數(shù)穿香，Typora 就會自動生成一張樣式不錯的空表格。
鏈接引用與腳注
鏈接引用類似于我們常在論文末尾看到的「參考文獻」的寫法绎速，你可以通過 []: 的語法來為你的文檔加上鏈接引用皮获。
腳注在少數(shù)派的文章中也很常見，即某段話結(jié)尾右上角標有數(shù)字標記纹冤，頁面底部進行注釋的寫法洒宝。你可以在需要插入腳注標號的位置寫 [^ number ] ，再在下方通過 [^ number ]: 在文檔中插入腳注萌京。注意不要遺漏了腳注編號 number 前后的空格雁歌。
文件系統(tǒng)
除了前文提到的文件側(cè)邊欄，Typora 還提供了一些耦合度不高的文件系統(tǒng)知残。
-
快速打開：你可以通過
文件 - 快速打開...或Ctrl + P快捷鍵快速打開最近的文檔靠瞎。 - 保存：Typora 支持自動保存，一般很少有寫好的文檔丟失的情況求妹。同時它也提供了諸如「保存」乏盐、「另存為」、「保存全部打開的文件...」之類的功能制恍。
- 導入：Typora 支持非常多的文件格式：.docx, .latex, .tex, .ltx, .rst, .rest, .org, .wiki, .dokuwiki, .textile, .opml, .epub父能。
- 導出：Typora 原生支持導出 PDF，HTML等格式净神。你可以根據(jù)軟件內(nèi)提示安裝 Pandoc 插件來導出更多例如 docx何吝，LaTeX 等格式溉委。
一個偽裝成文本編輯器的瀏覽器
當我的一個朋友問我「Typora 有什么好寫的？」時爱榕，我回答「Typora 是一個偽裝成文本編輯器的瀏覽器」瓣喊。是的，事實上如果你有一定的計算機基礎(chǔ)黔酥，你可以找到許多有關(guān)于「Typora 其實是一個瀏覽器」的蛛絲馬跡型宝。
在圖片插入的選項中，Typora 用了「復制圖片到 ./${filename}.assets 文件夾」的說法絮爷，而這其實是網(wǎng)頁前端常用的 Javascript 字符串模板語法的風格趴酣。
再比如，Typora 將更遵循 GFM 標準的 Markdown 語法模式稱為「嚴格模式 Strict Mode」坑夯，這一說法常見于 HTML 和 JavaScript 編程中岖寞。類似「源代碼模式」的說法也是同理。
當然柜蜈，最明顯的一點是當你按下 Shift + F12 快捷鍵時仗谆，頁面會彈出一個基于 Chrome 的開發(fā)者工具欄，也就是我們在瀏覽器中常說的「審查元素」淑履。
偽裝從何而來隶垮？
當我們把視角放在「Typora 是一個支持 Markdown 語言的文本編輯器」的出發(fā)點來考慮這個問題，一切就都顯得很明白了秘噪。
John Gruber 在 2004 年用 Perl 創(chuàng)造了 Markdown 語言狸吞，這個語言的目的是希望大家使用「易于閱讀、易于撰寫的純文字格式指煎，并選擇性的轉(zhuǎn)換成有效的 XHTML（或是 HTML）」蹋偏。也就是說，在 Markdown 誕生之初至壤，它就是為了被瀏覽器閱讀而設(shè)計的威始。
我們在用 Markdown 語言撰寫文稿的時候，其實本質(zhì)上是在借助某種編程語言的轉(zhuǎn)化（解析器）來編寫一個 HTML 網(wǎng)頁像街。Markdown 從它誕生之初就與 Web 技術(shù)有著及其緊密的聯(lián)系黎棠。
如果我說，我們每一篇文稿都是一個網(wǎng)頁镰绎，那就很好理解了脓斩。Typora 利用解析器先將我們寫的 Markdown 文檔解析成為 HTML 文檔，再為它嵌入一個 CSS 樣式跟狱，最后再加上可能需要的腳本等俭厚。
HTML
HTML 是一種標記語言，主要負責構(gòu)成網(wǎng)頁的骨架驶臊，它包含所有不加裝飾的網(wǎng)頁元素挪挤。在 Typora 的使用場景下則是所有的文本、段落关翎、標題等的記號扛门。
你可以把一張網(wǎng)頁想象成一幅數(shù)字油畫，HTML 就是那個黑白線條的底纵寝，上面寫滿了數(shù)字標記论寨，示意你哪一塊區(qū)域要涂什么顏色。而 CSS 則負責在對應的區(qū)域涂上顏色爽茴，甚至加上一些裝飾等葬凳。
HTML 標簽
Typora 支持許多常用的 HTML 標簽，如果你了解 HTML 語法的話室奏，你可以寫出十分美觀豐富的文檔頁面火焰。
事實上你可以在 Typora 中完成許多基本的 HTML 風格的文本輸入，例如 HTML 字符胧沫、HTML 塊昌简、HTML 風格的注釋，甚至是視頻和音頻绒怨。具體支持的功能和限制請在 官方文檔 中查閱纯赎。
有了這一功能，我們就可以在 Typora 中創(chuàng)造出遠超普通 Markdown 文檔的頁面效果南蹂。
導出為 HTML
Typora 原生支持將文檔導出為 HTML 格式的文件犬金，并選擇是否要嵌入 style（也就是后文我將提到的 CSS 的部分）。
除此之外六剥，由于其本身「瀏覽器」的屬性佑附，你可以直接在實時預覽界面用 Ctrl +C 復制到 HTML 代碼。一個實用的用處是將這些 HTML 代碼直接 Ctrl + V 黏貼到微信公眾號后臺仗考，基本可以保證兩邊顯示效果相同音同。這一點不僅使公眾號推送可以有更自由、美觀的樣式秃嗜，也讓編輯权均、排版更輕松了。（由于微信自帶瀏覽器的一些特性锅锨，可能有少部分 CSS style 不能生效叽赊，建議多多校對。）
具體如何用 Typora 完成公眾號寫作必搞，你可以在 這篇文章 中進一步了解必指。
CSS
為了讓文檔更美觀，我們可以為其加上 CSS style恕洲。我認為 Typora 對 CSS 的支持讓它成為一眾桌面筆記應用中最與眾不同的一個塔橡。在 Typora 中 CSS 被稱為「主題」梅割，但其本質(zhì)仍是 CSS 文件。你可以在 文件 - 偏好設(shè)置 - 主題 - 打開主題文件夾 看到這些 CSS 文件葛家。
選擇不同的主題可以使文檔擁有不同的外觀户辞，但不會影響內(nèi)容。Typora 自帶了若干主題癞谒，你也可以在 官網(wǎng) 下載更多的主題底燎。
版權(quán)聲明：本文來自liquid617的少數(shù)派 ，全文地址請點擊：
本文鏈接：https://sspai.com/post/54912
