Typora 是什麼？，web前端開發流程

A前端大師 2021-09-18 17:26:51 阅读数:716

typora web 前端流程

**空格：**在輸入連續的空格後，Typora 會在編輯器視圖裏為你保留這些空格，但當你打印或導出時，這些空格會被省略成一個。

你可以在源代碼模式下，為每個空格前加一個 \ 轉義符，或者直接使用 HTML 風格的 &nbps; 來保持連續的空格。
**軟換行：**需要說明的是，在 Markdown 語法中，換行（line break）與換段是不同的。且換行分為軟換行和硬換行。在 Typora 中，你可以通過 Shift + Enter 完成一次軟換行。軟換行只在編輯界面可見，當文檔被導出時換行會被省略。
**硬換行：**你可以通過 空格 + 空格 + Shift + Enter 完成一次硬換行，而這也是許多 Markdown 編輯器所原生支持的。硬換行在文檔被導出時將被保留，且沒有換段的段後距。
**換段：**你可以通過 Enter 完成一次換段。Typora 會自動幫你完成兩次 Shift + Enter 的軟換行，從而完成一次換段。這也意味著在 Markdown 語法下，換段是通過在段與段之間加入空行來實現的。
**Windows 風格（CR+LF）與 Unix 風格（CR）的換行符：**CR 錶示回車 \r ，即回到一行的開頭，而 LF 錶示換行 \n ，即另起一行。

所以 Windows 風格的換行符本質是「回車 + 換行」，而 Unix 風格的換行符是「換行」。這也是為什麼 Unix / Mac 系統下的文件，如果在 Windows 系統直接打開會全部在同一行內。你可以在 文件 - 偏好設置 - 編輯器 - 默認換行符 中對此進行切換。

下附以上各空格、換行、換段的測試結果圖。具體內容你可以在官網的 [這篇文檔](

) 中查閱。

Typora 是什麼？，web前端開發流程_Web

[](

)emoji 錶情

如今 emoji 錶情越來越多地出現在一些網站文章中，但在桌面端（特別是 Windows 系統）文本編輯器上插入 emoji 是一件十分麻煩的事情。在使用 Typora 之前，我打出 emoji 錶情的辦法基本有兩個：

**輸入法聯想：**優點是比較方便，但會插入一張圖片而不是一個字符，在許多情景下都不是很合適。
**複制 emoji 符號：**優點是能保證符號的形式，但顯然每次用都需要去複制，比較麻煩。

Typora 是什麼？，web前端開發流程_程序員_02

在 Typora 中，你可以用 :emoji: 的形式來打出 emoji，軟件會自動給出圖形的提示，還是比較好用的。

Typora 是什麼？，web前端開發流程_前端_03

[](

)一個學術文檔編輯器

除了基本的文本編輯體驗極佳之外，Typora 還是一個非常優秀的學術文檔編輯器。當然作為一個輕量級的、基於 Markdown 的編輯器，它不能與那些 LaTeX 編輯器相提並論，但它仍支持了許多可用於學術寫作的功能。

[](

)LaTeX

LaTeX 是一種基於 TeX 的排版系統，由於它易於快速生成複雜錶格和數學公式，非常適用於生成高印刷質量的科技和數學類文檔。如果你常閱讀數學、計算機等領域的學術論文，你一定對 LaTeX 不陌生。

Typora 原生支持 LaTeX 語法，你有兩種方式輸入 LaTeX 風格的數學公式：

**行內公式（inline）：**用 $...$ 括起公式，公式會出現在行內。
**塊間公式（display）：**用 $$...$$ 括起公式（注意 $$ 後需要換行），公式會默認顯示在行中間。

具體的 LaTeX 語法在此不贅述了，你可以在 [這篇文章](

) 中查看。

[](

)代碼高亮

Typora 中代碼的插入也可以分為行內和塊間兩種：

行內代碼：用 ... 或 ...括起代碼，代碼會以主題中設置的樣式出現在行內，但不會實現代碼高亮。
代碼塊：輸入 `````後並輸入語言名，換行，開始寫代碼，Typora 就會自動幫你實現代碼高亮。Typora 原生支持許多編程語言代碼塊的語法高亮，基本日常常用的編程語言它都能很好地支持。

除此以外，你也可以直接換行開始寫，而後再選擇語言。

Typora 是什麼？，web前端開發流程_Web_04

[](

)錶格

在 Markdown 中插入錶格一直是一件比較頭疼的事情。在一般的 Markdown 編輯器中，你可以通過以下的格式插入錶格：


| 左對齊 | 右對齊 | 居中對齊 |
| :-----| ----: | :----: |
| 單元格 | 單元格 | 單元格 |
| 單元格 | 單元格 | 單元格 |


1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

乍一看還挺直觀好用的是吧？但想想，一旦錶格內容層次不齊，又或是錶格長得難以下手，直接用鍵盤輸入錶格就顯得十分麻煩和痛苦了。

好在 Typora 為我們提供了圖形界面的插入錶格的功能，你只需要在行內 鼠標右鍵 - 插入 - 錶格，並輸入行數和列數，Typora 就會自動生成一張樣式不錯的空錶格。

Typora 是什麼？，web前端開發流程_程序員_05

[](

)鏈接引用與脚注

鏈接引用類似於我們常在論文末尾看到的「參考文獻」的寫法，你可以通過 []: 的語法來為你的文檔加上鏈接引用。

脚注在少數派的文章中也很常見，即某段話結尾右上角標有數字標記，頁面底部進行注釋的寫法。你可以在需要插入脚注標號的比特置寫 [^ number ] ，再在下方通過 [^ number ]: 在文檔中插入脚注。注意不要遺漏了脚注編號 number 前後的空格。

Typora 是什麼？，web前端開發流程_前端_06

[](

)文件系統

除了前文提到的文件側邊欄，Typora 還提供了一些耦合度不高的文件系統。

**快速打開：**你可以通過 文件 - 快速打開... 或 Ctrl + P 快捷鍵快速打開最近的文檔。
**保存：**Typora 支持自動保存，一般很少有寫好的文檔丟失的情况。同時它也提供了諸如「保存」、「另存為」、「保存全部打開的文件…」之類的功能。
**導入：**Typora 支持非常多的文件格式：.docx, .latex, .tex, .ltx, .rst, .rest, .org, .wiki, .dokuwiki, .textile, .opml, .epub。
**導出：**Typora 原生支持導出 PDF，HTML等格式。你可以根據軟件內提示安裝 Pandoc 插件來導出更多例如 docx，LaTeX 等格式。