Typora 完全使用指南

Typora 一直是我认为桌面端笔记应用应有的终极形态。「它的功能之强大、设计之冷静、体验之美妙、理念之先进，我认为值得所有笔记应用厂商学习。」

但一件很尴尬的事情是，由于它极简的设计理念，有许多使用者并没能完全地了解到 Typora 的全部强大功能。我想在这篇文章中由浅入深地介绍 Typora 的功能亮点。无论你从未用过 Typora，还是已经体验了很久，我相信你都能在这篇文章中发现 Typora 新的惊喜。

促使你使用typora的5个理由

1. 减少富文本编辑的鼠标选择和点击

2. 保持全部文章文本的统一样式

3. 按主题渲染文章很方便

4. 迁移文章没有富文本的痛苦

5. GitHub

Typora 是什么？

Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，并且由于仍在测试中，是完全免费的。

Typora简介

Typora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，这也是与其他Markdown编辑器最显著的区别。Typora删除了预览窗口，以及所有其他不必要的干扰。取而代之的是实时预览。

通过打开 文件 - 偏好设置 你会发现 Typora 为编辑体验的考虑细致到了令人叹为观止的程度。Typora 中提供了大量有关 Markdown 偏好的设置，据此，你可以构建一个几乎完全适合自己的 Markdown 编辑器。下面我将依次介绍一些与文本编辑体验有关的功能亮点。

打字机模式和专注模式

**「打字机模式」**使得你所编辑的那一行永远处于屏幕正中。

**「专注模式」**使你正在编辑的那一行保留颜色，而其他行的字体呈灰色。

你可以在 视图 - 专注模式 / 打字机模式 中勾选使用这两个模式。

实时预览

我想很果断地下这个结论：到现在还不支持编辑界面实时预览的 Markdown 编辑器基本可以退出市场了。Typora 在这一方面显然已经领先了一大步——他们连 Markdown 语法的标记都在实时预览中消去了。当你离开正在编辑的有格式的文本段后，Typora 会自动隐藏 Markdown 标记，而不是常见的左右分栏的设计，只留下**「所见即所得」**的美妙。他们把这称为 Hybrid View。

为了防止一些程序 bug 的发生导致格式问题无法修改或是显示格式不符合预期时可以进行微调，Typora 保留了一个**「源代码模式」**。你可以通过 视图 - 源代码模式 或左下角的 </> 按钮进入。

空格与换行

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 系统直接打开会全部在同一行内。 你可以在 文件 - 偏好设置 - 编辑器 - 默认换行符 中对此进行切换。

emoji 表情

如今 emoji 表情越来越多地出现在一些网站文章中，但在桌面端（特别是 Windows 系统）文本编辑器上插入 emoji 是一件十分麻烦的事情。

• 输入法联想：优点是比较方便，但会插入一张图片而不是一个字符，在许多情景下都不是很合适。

• 复制 emoji 符号：优点是能保证符号的形式，但显然每次用都需要去复制，比较麻烦。

• 在 Typora 中，你可以用 :emoji: 的形式来打出 emoji，软件会自动给出图形的提示。

文件系统

除了前文提到的文件侧边栏，Typora 还提供了一些耦合度不高的文件系统。

• **快速打开：**你可以通过 文件 - 快速打开... 或 Ctrl + P 快捷键快速打开最近的文档。

• **保存：**Typora 支持自动保存，一般很少有写好的文档丢失的情况。同时它也提供了诸如「保存」、「另存为」、「保存全部打开的文件...」之类的功能。

• **导入：**Typora 支持非常多的文件格式：.docx, .latex, .tex, .ltx, .rst, .rest, .org, .wiki, .dokuwiki, .textile, .opml, .epub。

• **导出：**Typora 原生支持导出 PDF，HTML等格式。你可以根据软件内提示安装 Pandoc 插件来导出更多例如 docx，LaTeX 等格式。

「浏览器」相关

除此以外，它还拥有一些「浏览器」相关的功能：

• 支持对界面套用 CSS 并实时显示，仅需在本地主题文件夹中加入你的 CSS 文件即可。
• 支持 DevTools，也就是浏览器的审查元素。
• 支持一键复制 HTML 代码。

我常用 Typora 写微信公众号推文：撰写文稿，套用固定 CSS，一键复制 HTML 代码。这样就完成了从撰写到基本排版的工作，我只需将 HTML 代码粘贴到微信公众号后台，再进行一些微调即可。大幅节省了工作量的同时，还保证了每次推送的格式基本相同，阅读体验更好。

第三视角

• 不支持vim

• 不支持标签化管理

• 没有移动端应用，不支持多设备同步，但可用坚果云进行云端存储

• 没有应用内部的文件管理，使用模式是在文件夹中直接打开 md 文件

• 启动慢，文档管理一般， 在处理千字以上的文档，经常会卡

• 不支持图片即时缩放，临时的放大缩小也要去改主题的 css

• Typora 设置了图片整理和 iPic 上传之后粘贴互联网图片容易出现卡死

• 不能定制snippets代码块来自动补全，如果使用数学公式较多建议使用vscode

• 复制富文本过来会自动转换成Markdown

• 但Typora 是和知乎相性较好的一个 Markdown 编辑器，用 Ulysses 写东西产生的 Markdown 文件导入知乎是没法用的。但typora文件发表到hexo上，其中的[Toc]，超链接和整个区域元素都不能正常显示。因为TOC不是标准markdown功能，也不是GFM功能

  GFM功能

• 可以把文件放本地的assets目录，写起来较为流畅，然后用 cpmd来整理。

  1. assets目录
  2. cpmd

• 基于 Electron进行开发。Electron 把将Chromium 浏览器和 Node.js 打包，并且向开发者提供了一些 native API，从而允许人们用 Web 技术开发桌面端应用

electron体积大，60M起步，浏览器内核非常大，真正有用的js脚本却很小,慢且卡顿，属于JavaScript固有缺点。但可以把md转成html渲染。原生应用启动往往很快，内存占用也极低，而electron启动就要好几秒，内存占用也要几百兆起步。

Typora图床设置

Typora文本文档中有使用图片内容，如果需要发布在各个兼容Markdown的软件平台，需要预先上传文档中的图片至图床，再通过对图床的图片链接调用，才能正常显示，否则各个平台将无法看到该文档图片。

图床：就是专门用来存放图片，同时允许你把图片对外连接的网上空间。

Typora文件>偏好设置>上传服务设定>选择PicGo-Core（command line)>选择下载更新>完成下载后打开配置文件后的文件config.json>找到账号中相应的token>按照格式添加相应的内容代码后保存

{
  "picBed": {
    "current": "smms",
    "smms":{
      "token":"11MTao9EHC0kfgjPcUVNDEWIqAi2XhFlg"
    }
  },
  "picgoPlugins": {}
}

常用快捷键

• 加粗： Ctrl + B
• 字体倾斜 ：Ctrl+I
• 下划线：Ctrl+U
• 多级标题： Ctrl + 1~6
• 有序列表：Ctrl + Shift + [
• 无序列表：Ctrl + Shift + ]
• 降级快捷键 ：Tab
• 升级快捷键：Shift + Tab
• 插入链接： Ctrl + K
• 插入公式： Ctrl + Shift + M
• 行内代码： Ctrl + Shift + K
• 插入图片： Ctrl + Shift + I
• 返回Typora顶部：Ctrl+Home
• 返回Typora底部 ：Ctrl+End
• 创建表格 ：Ctrl+T
• 选中某句话 ：Ctrl+L
• 选中某个单词 ：Ctrl+D
• 选中相同格式的文字 ：Ctrl+E
• 搜索: Ctrl+F
• 搜索并替换 ：Ctrl+H
• 删除线 ：Alt+Shift+5
• 引用 ：Ctrl+Shift+Q
• 生成目录：[TOC]+Enter

注：一些实体符号需要在实体符号之前加” \ ”才能够显示

参考

1. Front-matter - Hexo (opens new window)
2. 让 Markdown 写作更简单，免费极简编辑器：Typora (opens new window)
3. 使用 Typora 一次性搞定公众号写作与排版 (opens new window)
4. 简中求效：Markdown 遇上 LaTeX (opens new window)
5. 关于Typora + pandoc导出文件功能的介绍 (opens new window)
6. 我的 LaTeX 入门 (opens new window)
7. 选择正确的 Markdown Parser (opens new window)
8. Typora —— 能用 ⌘C⌘V 插图的 Markdown 编辑器 (opens new window)
9. HTML Support in Typora - Typora (opens new window)
10. Markdown - Wikipedia (opens new window)
11. Windows、Unix、Mac不同操作系统的换行问题-剖析回车符\r和换行符\n (opens new window)
12. 简中求效：Markdown 遇上 LaTeX (opens new window)
13. 通用标注 (CommonMark) (opens new window)
14. Whitespace and Line Breaks - Typora (opens new window)