文章代表作者个人观点，少数派仅对标题和排版略作修改。
Typora 一直是我以为桌面端笔记运用应有的终极形状。用我之前 一篇文章 中的话来说便是，「它的功用之强壮、规划之冷静、体会之美好、理念之先进，我以为值得一切笔记运用厂商学习。」
但一件很为难的工作是，因为它极简的规划理念，有许多运用者并没能完全地了解到 Typora 的悉数强壮功用。我想在这篇文章中由浅入深地介绍 Typora 的功用亮点。无论你从未用过 Typora，仍是现已体会了很久，我相信你都能在这篇文章中发现 Typora 新的惊喜。
Typora 是什么？
Typora 是一款支撑实时预览的 Markdown 文本修改器。它有 OS X、Windows、Linux 三个渠道的版本，而且因为仍在测验中，是完全免费的。
在这篇文章中，我期望以「Typora 是什么」这个问题为线索，向大家全面介绍这款令人爱不释手的笔记运用。
一个 Markdown 文本修改器
Typora 首先是一个 Markdown 文本修改器，它支撑且仅支撑 Markdown 语法的文本修改。在 Typora 官网 上他们将 Typora 描述为 「A truly minimalmarkdown editor. 」。
typora 完全使用详解教程图1
官网首页关于 Markdown
Markdown 是用来编写结构化文档的一种纯文本格局，它使咱们在双手不脱离键盘的状况下，能够对文本进行一定程度的格局排版。你能够在 中快速入门 Markdown。
因为现在还没有一个权威机构对 Markdown 的语法进行规范，各运用厂商制造时遵从的 Markdown 语法也是不尽相同的。其间比较受到认可的是 ，它是由闻名代码托管网站 所制定的。Typora 首要运用的也是 GFM 规范。一起，你还能够在 文件 - 偏好设置 - Markdown 语法偏好 - 严格形式 中将规范设置为「更严格地遵从 GFM 规范」。详细内容你能够在官方的 中检查。
typora 完全使用详解教程图2
严格形式写得舒畅
一个文本修改器，写得舒畅是关键。我曾说过，「更风趣的是，一个笔记运用不会因为它支撑 Markdown 语法而高级或易用许多。」，细枝末节处的人性化考虑才是最重要的。而 Typora 的修改体会显然是经过深思熟虑规划的产物。
我以为：一个优异的笔记运用应该给用户挑选 Markdown 语法风格的权利。而 Typora 在这一点上是我现在见过一切 Markdown 笔记运用中做得最好的。
typora 完全使用详解教程图3
文本修改设置
经过翻开 文件 - 偏好设置 你会发现 Typora 为修改体会的考虑详尽到了令人拍案叫绝的程度。Typora 中供给了很多有关 Markdown 偏好的设置，据此，你能够构建一个简直完全合适自己的 Markdown 修改器。下面我将顺次介绍一些与文本修改体会有关的功用亮点。
智能标点
我以为「智能标点」是比较风趣的一点。它能够主动帮你将不是很漂亮的直引号 " ' 转化为更漂亮的弯引号 “ ‘ ’ ”。详细内容你能够在官方的 中检查。关于直弯引号在 macOS 上如何输入你也能够看 。
图片刺进
Typora 的图片刺进功用是广受好评的。要知道，Markdown 原生不太注重图片刺进的功用，但你能够在 Typora 中：
· 直接运用 右键 - 仿制 Ctrl + V 将网络图片、剪贴板图片仿制到文档中
· 拖动本地图片到文档中
Typora 会主动帮你刺进契合 Markdown 语法的图片语句，并给它加上标题。
typora 完全使用详解教程图4
仿制图片
你也完全能够运用图床来确保文档在分享后图片仍能正常显现。
更强壮的是，Typora 支撑在拖动或 Ctrl + V 网络图片后主动将其保存到本地。你能够在 文件 - 偏好设置 - 修改器 - 图片刺进 中挑选仿制到哪个途径，什么状况下需求仿制。
typora 完全使用详解教程图5
图片刺进
这一功用确保了即使网络图片源失效了，你还有本地的备份可用。一起也能使你的文档文件夹更合理、完整。
打字机形式和专注形式
「打字机形式」使得你所修改的那一行永远处于屏幕正中。
「专注形式」使你正在修改的那一行保存色彩，而其他行的字体呈灰色。
你能够在 视图 - 专注形式 / 打字机形式 中勾选运用这两个形式。
typora 完全使用详解教程图6
两种形式实时预览
我想很果断地下这个结论：到现在还不支撑修改界面实时预览的 Markdown 修改器根本能够退出市场了。Typora 在这一方面显然现已领先了一大步——他们连 Markdown 语法的符号都在实时预览中消去了。当你脱离正在修改的有格局的文本段后，Typora 会主动隐藏 Markdown 符号，只留下「所见即所得」的美好。他们把这称为 Hybrid View。
所见即所得
为了避免一些程序 bug 的发作（虽然在我运用下来感到是很少的）导致格局问题无法修改，Typora 保存了一个「源代码形式」。你能够经过 视图 - 源代码形式 或左下角的 按钮进入。
typora 完全使用详解教程图7
源代码形式纲要 / 文件侧边栏
typora 完全使用详解教程图8
侧边栏
Typora 会根据你 Markdown 符号的 H1、H2、H3…… 各级标题为你出现一个纲要。
你也能够挑选检查文件夹中的文件，但因为现在 Typora 只支撑检查 md 文件，因而我以为文件侧边栏这个功用仍是很鸡肋的。
空格与换行
Typora 在空格与换行部分首要是运用 CommonMark 作为标示规范。与前文说到的 GFM 相同，CommonMark 也是比较盛行的 Markdown 言语规范（解析器）之一。
· 空格：在输入连续的空格后，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 完全使用详解教程图9
空格、换行、换段emoji 表情
如今 emoji 表情越来越多地出现在一些网站文章中，但在桌面端（特别是 Windows 体系）文本修改器上刺进 emoji 是一件十分费事的工作。在运用 Typora 之前，我打出 emoji 表情的办法根本有两个：
1. 输入法联想：长处是比较方便，但会刺进一张图片而不是一个字符，在许多情形下都不是很合适。
2. 仿制 emoji 符号：长处是能确保符号的形式，但显然每次用都需求去仿制，比较费事。
typora 完全使用详解教程图10
输入法联想
在 Typora 中，你能够用 :emoji: 的形式来打出 emoji，软件会主动给出图形的提示，仍是比较好用的。
Typora 中输入 emoji一个学术文档修改器
除了根本的文本修改体会极佳之外，Typora 仍是一个十分优异的学术文档修改器。当然作为一个轻量级的、根据 Markdown 的修改器，它不能与那些 LaTeX 修改器相提并论，但它仍支撑了许多可用于学术写作的功用。
LaTeX
LaTeX 是一种根据 TeX 的排版体系，因为它易于快速生成复杂表格和数学公式，十分适用于生成高印刷质量的科技和数学类文档。假如你常阅览数学、计算机等范畴的学术论文，你一定对 LaTeX 不陌生。
Typora 原生支撑 LaTeX 语法，你有两种方法输入 LaTeX 风格的数学公式：
1. 行内公式（inline）：用 $...$ 括起公式，公式会出现内行内。
2. 块间公式（display）：用 $$...$$ 括起公式（注意 $$ 后需求换行），公式会默认显现内行中心。
详细的 LaTeX 语法在此不赘述了，你能够在 这篇文章 中检查。
代码高亮
Typora 中代码的刺进也能够分为行内和块间两种：
1. 行内代码：用 `...` 或 ``...`` 括起代码，代码会以主题中设置的款式出现内行内，但不会实现代码高亮。
2. 代码块：输入 ``` 后并输入言语名，换行，开始写代码，Typora 就会主动帮你实现代码高亮。Typora 原生支撑许多编程言语代码块的语法高亮，根本日常常用的编程言语它都能很好地支撑。
除此以外，你也能够直接换行开始写，而后再挑选言语。
3.
typora 完全使用详解教程图11
代码块表格
在 Markdown 中刺进表格一直是一件比较头疼的工作。在一般的 Markdown 修改器中，你能够经过以下的格局刺进表格：
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
乍一看还挺直观好用的是吧？但想想，一旦表格内容层次不齐，又或是表格长得难以下手，直接用键盘输入表格就显得十分费事和痛苦了。
好在 Typora 为咱们供给了图形界面的刺进表格的功用，你只需求内行内 鼠标右键 - 刺进 - 表格 ，并输入行数和列数，Typora 就会主动生成一张款式不错的空表格。
Typora 表格链接引证与脚注
链接引证类似于咱们常在论文结尾看到的「参考文献」的写法，你能够经过 []: 的语法来为你的文档加上链接引证。
脚注在少数派的文章中也很常见，即某段话结尾右上角标有数字符号，页面底部进行注释的写法。你能够在需求刺进脚注标号的方位写 [^ number ] ，再在下方经过 [^ number ]: 在文档中刺进脚注。注意不要遗漏了脚注编号 number 前后的空格。
typora 完全使用详解教程图12
链接引证和脚注文件体系
除了前文说到的文件侧边栏，Typora 还供给了一些耦合度不高的文件体系。
· 快速翻开：你能够经过 文件 - 快速翻开... 或 Ctrl + P 快捷键快速翻开最近的文档。
· 保存：Typora 支撑主动保存，一般很少有写好的文档丢掉的状况。一起它也供给了诸如「保存」、「另存为」、「保存悉数翻开的文件...」之类的功用。
· 导入：Typora 支撑十分多的文件格局：.docx, .latex, .tex, .ltx, .rst, .rest, .org, .wiki, .dokuwiki, .textile, .opml, .epub。
· 导出：Typora 原生支撑导出 PDF，HTML等格局。你能够根据软件内提示安装 Pandoc 插件来导出更多例如 docx，LaTeX 等格局。
typora 完全使用详解教程图13
导出一个假装成文本修改器的浏览器
当我的一个朋友问我「Typora 有什么好写的？」时，我回答「Typora 是一个假装成文本修改器的浏览器」。是的，事实上假如你有一定的计算机根底，你能够找到许多有关于「Typora 其实是一个浏览器」的蛛丝马迹。
图片刺进
在图片刺进的选项中，Typora 用了「仿制图片到 ./${filename}.assets 文件夹」的说法，而这其实是网页后端常用的 PHP 言语的风格。
再比方，Typora 将更遵从 GFM 规范的 Markdown 语法形式称为「严格形式 Strict Mode」，这一说法常见于 HTML 和 Java 编程中。类似「源代码形式」的说法也是同理。
当然，最明显的一点是当你按下 Shift + F12 快捷键时，页面会弹出一个根据 Chrome 的开发者工具栏，也便是咱们在浏览器中常说的「检查元素」。
typora 完全使用详解教程图14
检查元素假装从何而来？
当咱们把视角放在「Typora 是一个支撑 Markdown 言语的文本修改器」的出发点来考虑这个问题，一切就都显得很明白了。
John Gruber 在 2004 年用 Perl 发明了 Markdown 言语，这个言语的意图是期望大家运用「易于阅览、易于编撰的纯文字格局，并挑选性的转换成有用的 XHTML（或是 HTML）」。也便是说，在 Markdown 诞生之初，它便是为了被浏览器阅览而规划的。
咱们在用 Markdown 言语编撰文稿的时分，其实实质上是在借助某种编程言语的转化（解析器）来编写一个 HTML 网页。Markdown 从它诞生之初就与 Web 技术有着及其紧密的联络。
假如我说，咱们每一篇文稿都是一个网页，那就很好理解了。Typora 利用解析器先将咱们写的 Markdown 文档解析成为 HTML 文档，再为它嵌入一个 CSS 款式，最后再加上可能需求的脚本等。
HTML
HTML 是一种符号言语，首要担任构成网页的骨架，它包含一切不加装修的网页元素。在 Typora 的运用场景下则是一切的文本、阶段、标题等的记号。
你能够把一张网页幻想成一幅数字油画，HTML 便是那个黑白线条的底，上面写满了数字符号，示意你哪一块区域要涂什么色彩。而 CSS 则担任在对应的区域涂上色彩，乃至加上一些装修等。
typora 完全使用详解教程图15
数字油画HTML 标签
Typora 支撑许多常用的 HTML 标签，假如你了解 HTML 语法的话，你能够写出十分漂亮丰富的文档页面。
typora 完全使用详解教程图16
typora 完全使用详解教程图17
typora 完全使用详解教程图18
typora 完全使用详解教程图18
typora 完全使用详解教程图19
typora 完全使用详解教程图20
typora 完全使用详解教程图21
HTML 标签
事实上你能够在 Typora 中完结许多根本的 HTML 风格的文本输入，例如 HTML 字符、HTML 块、HTML 风格的注释，乃至是视频和音频。详细支撑的功用和约束请在 官方文档 中查阅。
有了这一功用，咱们就能够在 Typora 中发明出远超一般 Markdown 文档的页面效果。
导出为 HTML
Typora 原生支撑将文档导出为 HTML 格局的文件，并挑选是否要嵌入 style（也便是后文我将说到的 CSS 的部分）。
除此之外，因为其自身「浏览器」的特点，你能够直接在实时预览界面用 Ctrl +C 仿制到 HTML 代码。一个有用的用途是将这些 HTML 代码直接 Ctrl + V 黏贴到微信大众号后台，根本能够确保两头显现效果相同。这一点不只使大众号推送能够有更自在、漂亮的款式，也让修改、排版更轻松了。（因为微信自带浏览器的一些特性，可能有少部分 CSS style 不能生效，主张多多校对。）
