Typora简介
Typora簡介
一、Typora是什么？
? Typora 是一款支持實時預(yù)覽的 Markdown 文本編輯器。它有 OS X、Windows、Linux 三個平臺的版本，并且由于仍在測試中，是完全免費(fèi)的。
? Typora 首先是一個 Markdown 文本編輯器，它支持且僅支持 Markdown 語法的文本編輯。
二、關(guān)于Markdown
? Markdown 是用來編寫結(jié)構(gòu)化文檔的一種純文本格式，它使我們在雙手不離開鍵盤的情況下，可以對文本進(jìn)行一定程度的格式排版。
? 由于目前還沒有一個權(quán)威機(jī)構(gòu)對 Markdown 的語法進(jìn)行規(guī)范，各應(yīng)用廠商制作時遵循的 Markdown 語法也是不盡相同的。其中比較受到認(rèn)可的是 GFM 標(biāo)準(zhǔn)，它是由著名代碼托管網(wǎng)站 GitHub 所制定的。Typora 主要使用的也是 GFM 標(biāo)準(zhǔn)。
三、實用性高
? Typora 為編輯體驗的考慮細(xì)致到了令人嘆為觀止的程度。Typora 中提供了大量有關(guān) Markdown 偏好的設(shè)置，據(jù)此，你可以構(gòu)建一個幾乎完全適合自己的 Markdown 編輯器。
1、智能標(biāo)點
? 它可以自動幫你將不是很美觀的直引號 " ' 轉(zhuǎn)化為更美觀的彎引號 “ ‘ ’ ”。
2、圖片插入
? 1.直接使用 右鍵 — 復(fù)制 或者 Ctrl + v 將網(wǎng)絡(luò)圖片、剪切板圖片復(fù)制到文檔中
? 2.拖動本地圖片到文檔中
? 注：Typora 會自動幫你插入符合 Markdown 語法的圖片語句，并給它加上標(biāo)題。
? 3.更強(qiáng)大的是，Typora 支持在拖動或 Ctrl + V 網(wǎng)絡(luò)圖片后自動將其保存到本地。你可以在 文件 - 偏好設(shè)置 - 編輯器 - 圖片插入 中選擇復(fù)制到哪個路徑，什么情況下需要復(fù)制。
? 這一功能保證了即使網(wǎng)絡(luò)圖片源失效了，你還有本地的備份可用。同時也能使你的文檔文件夾更合理、完整。
3、打字機(jī)模式和專注模式
? **「打字機(jī)模式」**使得你所編輯的那一行永遠(yuǎn)處于屏幕正中。
? **「專注模式」**使你正在編輯的那一行保留顏色，而其他行的字體呈灰色。
? 你可以在 視圖 - 專注模式 / 打字機(jī)模式 中勾選使用這兩個模式。
4、實時預(yù)覽
? 到現(xiàn)在還不支持編輯界面實時預(yù)覽的 Markdown 編輯器基本可以退出市場了。Typora 在這一方面顯然已經(jīng)領(lǐng)先了一大步——他們連 Markdown 語法的標(biāo)記都在實時預(yù)覽中消去了。當(dāng)你離開正在編輯的有格式的文本段后，Typora 會自動隱藏 Markdown 標(biāo)記，只留下**「所見即所得」**的美妙。他們把這稱為 Hybrid View。
5、大綱 / 文件側(cè)邊欄
? Typora 會根據(jù)你 Markdown 標(biāo)記的 H1、H2、H3…… 各級標(biāo)題為你呈現(xiàn)一個大綱。
6、空格與換行
? Typora 在空格與換行部分主要是使用 CommonMark 作為標(biāo)注規(guī)范。與前文提到的 GFM 一樣，CommonMark 也是比較流行的 Markdown 語言規(guī)范（解析器）之一。
? 1.**空格：**在輸入連續(xù)的空格后，Typora 會在編輯器視圖里為你保留這些空格，但當(dāng)你打印或?qū)С鰰r，這些空格會被省略成一個。
? 你可以在源代碼模式下，為每個空格前加一個 \ 轉(zhuǎn)義符，或者直接使用 HTML 風(fēng)格的 &nbps; 來保持連續(xù)的空格。
? 2.**軟換行：**需要說明的是，在 Markdown 語法中，換行（line break）與換段是不同的。且換行分為軟換行和硬換行。在 Typora 中，你可以通過 Shift + Enter 完成一次軟換行。軟換行只在編輯界面可見，當(dāng)文檔被導(dǎo)出時換行會被省略。
? 3.**硬換行：**你可以通過 空格 + 空格 + Shift + Enter 完成一次硬換行，而這也是許多 Markdown 編輯器所原生支持的。硬換行在文檔被導(dǎo)出時將被保留，且沒有換段的段后距。
? 4.**換段：**你可以通過 Enter 完成一次換段。Typora 會自動幫你完成兩次 Shift + Enter 的軟換行，從而完成一次換段。這也意味著在 Markdown 語法下，換段是通過在段與段之間加入空行來實現(xiàn)的。
? 5.**Windows 風(fēng)格（CR+LF）與 Unix 風(fēng)格（CR）的換行符：**CR 表示回車 \r ，即回到一行的開頭，而 LF 表示換行 \n ，即另起一行。
四、emoji 表情
? 如今 emoji 表情越來越多地出現(xiàn)在一些網(wǎng)站文章中，但在桌面端（特別是 Windows 系統(tǒng)）文本編輯器上插入 emoji 是一件十分麻煩的事情。在使用 Typora 之前，我打出 emoji 表情的辦法基本有兩個：
? **1.輸入法聯(lián)想：**優(yōu)點是比較方便，但會插入一張圖片而不是一個字符，在許多情景下都不是很合適。
? 2.復(fù)制emoji符號
? 在 Typora 中，你可以用 :emoji: 的形式來打出 emoji，軟件會自動給出圖形的提示，還是比較好用的。
五、一個學(xué)術(shù)文檔編輯器
? 除了基本的文本編輯體驗極佳之外，Typora 還是一個非常優(yōu)秀的學(xué)術(shù)文檔編輯器。當(dāng)然作為一個輕量級的、基于 Markdown 的編輯器，它不能與那些 LaTeX 編輯器相提并論，但它仍支持了許多可用于學(xué)術(shù)寫作的功能。
LaTeX
? LaTeX 是一種基于 TeX 的排版系統(tǒng)，由于它易于快速生成復(fù)雜表格和數(shù)學(xué)公式，非常適用于生成高印刷質(zhì)量的科技和數(shù)學(xué)類文檔。如果你常閱讀數(shù)學(xué)、計算機(jī)等領(lǐng)域的學(xué)術(shù)論文，你一定對 LaTeX 不陌生。
Typora 原生支持 LaTeX 語法，你有兩種方式輸入 LaTeX 風(fēng)格的數(shù)學(xué)公式：
? **1.行內(nèi)公式（inline）：**用 $...$ 括起公式，公式會出現(xiàn)在行內(nèi)。
? **2.塊間公式（display）：**用 $$...$$ 括起公式（注意 $$ 后需要換行），公式會默認(rèn)顯示在行中間。
代碼高亮
Typora 中代碼的插入也可以分為行內(nèi)和塊間兩種：
? 1.行內(nèi)代碼：用 ... 或 ...括起代碼，代碼會以主題中設(shè)置的樣式出現(xiàn)在行內(nèi)，但不會實現(xiàn)代碼高亮。
? 2.代碼塊：輸入 `````后并輸入語言名，換行，開始寫代碼，Typora 就會自動幫你實現(xiàn)代碼高亮。Typora 原生支持許多編程語言代碼塊的語法高亮，基本日常常用的編程語言它都能很好地支持。
除此以外，你也可以直接換行開始寫，而后再選擇語言。
表格
在 Markdown 中插入表格一直是一件比較頭疼的事情。在一般的 Markdown 編輯器中，你可以通過以下的格式插入表格：
| 左對齊 | 右對齊 | 居中對齊 | | :-----| ----: | :----: | | 單元格 | 單元格 | 單元格 | | 單元格 | 單元格 | 單元格 |? 乍一看還挺直觀好用的是吧？但想想，一旦表格內(nèi)容層次不齊，又或是表格長得難以下手，直接用鍵盤輸入表格就顯得十分麻煩和痛苦了。
? 好在 Typora 為我們提供了圖形界面的插入表格的功能，你只需要在行內(nèi) 鼠標(biāo)右鍵 - 插入 - 表格 ，并輸入行數(shù)和列數(shù)，Typora 就會自動生成一張樣式不錯的空表格。
鏈接引用與腳注
? 鏈接引用類似于我們常在論文末尾看到的「參考文獻(xiàn)」的寫法，你可以通過 []: 的語法來為你的文檔加上鏈接引用。
? 腳注在少數(shù)派的文章中也很常見，即某段話結(jié)尾右上角標(biāo)有數(shù)字標(biāo)記，頁面底部進(jìn)行注釋的寫法。你可以在需要插入腳注標(biāo)號的位置寫 [^ number ] ，再在下方通過 [^ number ]: 在文檔中插入腳注。注意不要遺漏了腳注編號 number 前后的空格。
文件系統(tǒng)
除了前文提到的文件側(cè)邊欄，Typora 還提供了一些耦合度不高的文件系統(tǒng)。
- **快速打開：**你可以通過 文件 - 快速打開... 或 Ctrl + P 快捷鍵快速打開最近的文檔。
- **保存：**Typora 支持自動保存，一般很少有寫好的文檔丟失的情況。同時它也提供了諸如「保存」、「另存為」、「保存全部打開的文件…」之類的功能。
- **導(dǎo)入：**Typora 支持非常多的文件格式：.docx, .latex, .tex, .ltx, .rst, .rest, .org, .wiki, .dokuwiki, .textile, .opml, .epub。
- **導(dǎo)出：**Typora 原生支持導(dǎo)出 PDF，HTML等格式。你可以根據(jù)軟件內(nèi)提示安裝 Pandoc 插件來導(dǎo)出更多例如 docx，LaTeX 等格式。 我的一個朋友問我「Typora 有什么好寫的？」時，我回答「Typora 是一個偽裝成文本編輯器的瀏覽器」。是的，事實上如果你有一定的計算機(jī)基礎(chǔ)，你可以找到許多有關(guān)于「Typora 其實是一個瀏覽器」的蛛絲馬跡。
偽裝從何而來？
? 這個語言的目的是希望大家使用「易于閱讀、易于撰寫的純文字格式，并選擇性的轉(zhuǎn)換成有效的 XHTML（或是 HTML）」。也就是說，在 Markdown 誕生之初，它就是為了被瀏覽器閱讀而設(shè)計的
? 我們在用 Markdown 語言撰寫文稿的時候，其實本質(zhì)上是在借助某種編程語言的轉(zhuǎn)化（解析器）來編寫一個 HTML 網(wǎng)頁。Markdown 從它誕生之初就與 Web 技術(shù)有著及其緊密的聯(lián)系。
? Typora 利用解析器先將我們寫的 Markdown 文檔解析成為 HTML 文檔，再為它嵌入一個 CSS 樣式，最后再加上可能需要的腳本等。
HTML
? HTML 是一種標(biāo)記語言，主要負(fù)責(zé)構(gòu)成網(wǎng)頁的骨架，它包含所有不加裝飾的網(wǎng)頁元素。在 Typora 的使用場景下則是所有的文本、段落、標(biāo)題等的記號。
? 你可以把一張網(wǎng)頁想象成一幅數(shù)字油畫，HTML 就是那個黑白線條的底，上面寫滿了數(shù)字標(biāo)記，示意你哪一塊區(qū)域要涂什么顏色。而 CSS 則負(fù)責(zé)在對應(yīng)的區(qū)域涂上顏色，甚至加上一些裝飾等。
HTML 標(biāo)簽
? Typora 支持許多常用的 HTML 標(biāo)簽，如果你了解 HTML 語法的話，你可以寫出十分美觀豐富的文檔頁面。
導(dǎo)出為 HTML
? Typora 原生支持將文檔導(dǎo)出為 HTML 格式的文件，并選擇是否要嵌入 style（也就是后文我將提到的 CSS 的部分）。
CSS
? 為了讓文檔更美觀，我們可以為其加上 CSS style。我認(rèn)為 Typora 對 CSS 的支持讓它成為一眾桌面筆記應(yīng)用中最與眾不同的一個。在 Typora 中 CSS 被稱為「主題」，但其本質(zhì)仍是 CSS 文件。你可以在 文件 - 偏好設(shè)置 - 主題 - 打開主題文件夾 看到這些 CSS 文件。
YAML front-matter
? Typora 支持在文檔頭部加上基于 YAML 的 front-matter 信息，這一特性適用于把 Markdown 文檔分類歸檔上傳到用 Hexo 框架搭建的博客中。我對于這一點不太了解，這里就不誤導(dǎo)大家了。有所了解的朋友可以在評論區(qū)談?wù)?#xff01;
CSS 文件。
YAML front-matter
? Typora 支持在文檔頭部加上基于 YAML 的 front-matter 信息，這一特性適用于把 Markdown 文檔分類歸檔上傳到用 Hexo 框架搭建的博客中。我對于這一點不太了解，這里就不誤導(dǎo)大家了。有所了解的朋友可以在評論區(qū)談?wù)?#xff01;
總結(jié)
- 上一篇： 学习笔记之数据可视化（一）——项目适配方
- 下一篇： 微信小程序---实现弹窗效果