新手必看｜Typora 入门使用教程

分享一套我刚入手 typora 时，边摸索边写下的教程。从软件界面、主题样式、再到文件导出，我都介绍了一遍，10分钟看完，立马上手使用。

Typora，是一款被众多网友盛赞的Markdown写作软件。

shimo.im/docs/Ee32MVQ4vwi0zMA2/

因为我对代码、公式的编辑要求不高，所以就常见的写作场景展开介绍（比如插入图片、加粗、标题等，以Mac版为例）。我不建议大家过度痴迷技术研究，毕竟我们的初心就是简单写作，不要本末倒置！

一、书写功能

内容编辑

Typora同时支持Markdown和富文本，无论哪一种，都能做到所见即所得，比如你加粗了某个词语，就能立马看到它被加粗了。

这在富文本中，已经司空见惯，但在Markdown中，有些软件没法做到实时渲染，书写割裂，需要不断左右来回移动视线。书写的时候，好像是在调试什么东西，谈不上什么沉浸式写作。

这一点，其实我日常在用的语雀，也完全可以做到，似乎没什么新奇的。

OK，那接下来就让我们看看，用Typora书写，究竟是怎样一种体验？

一打开，就是这样“空空荡荡”的书写界面，摒弃了传统Word的各种功能选项，比如标题、序号、颜色等，让你可以沉浸式创作。

常见的功能，都放在屏幕顶部的应用菜单栏。

我们先说一下，隐藏在编辑页面的功能，之后再聊聊应用菜单栏。

▌字数统计

在右上方，会显示预估阅读时间、文档字数

▌文章大纲

点击 右上角 三条杠 一样的图标，Typora会根据文档中的标题，自动生成大纲。点击大纲中的标题，就能快速跳转到对应位置。

▌页面布局

右上角 像窗口一样的图标，可以切换边栏（Toggle Sidebar）。

说人话，就是你有两种选择：

1）只显示编辑页面；

2）显示左侧边栏+编辑页面。

插入图片

不了解Markdown的小伙伴，可能会很奇怪，为什么插入图片，也要单独拎出来讲？

因为Markdown文件是一个纯文本文件，因此不能直接将图像数据插入Markdown文件中，而是插入对图像文件的引用。使用语法：! + [图片描述]+[图片地址]，即：![图片描述][图片地址]

这里的图片地址，可以是https://octodex.github.com/images/yaktocat.png 等URL，也可以是绝对/相对文件路径，如../images/test.png。

如何在Typora中插入图像？

护宇：个人习惯使用 和

使用Markdown语法

直接拷贝图片，然后粘贴（最方便，最常用）

依次点击菜单栏的【格式】-【图像】-【插入本地图片】

拖放（drag and drop）：支持一次性拖放多个

快捷键

使用Typora进行创作有个好处，你可以使用非常习惯的 Ctrl+ B（加粗）、Ctrl + I（斜体）进行排版，在应用菜单栏中【段落】和【格式】中可以看到对应快捷键。

也可以使用Markdown独有的快捷键。我这里对两者都进行了总结，建议大家花点时间学一下，平时多用，马上就会上手，不要把这事儿想得很难。

注1：插入图片时的显示效果（点击图片：可显示路径；将光标定位到其他位置，会隐藏路径）

二、主题样式

虽然我觉得 Typora 的默认样式已经很漂亮了，但如果你想更换，人家也给你提供了途径。

首先，在菜单栏里，有如下6种选择，直接切换即可应用：

不满意，也可以去Typora官网：https://theme.typora.io ，目前有 72 种主题样式

如何下载并应用呢？

Step 1：挑选自己喜欢的主题（Theme），点击【Download】

Step 2：按Cmd + , 找到【外观】-【打开主题文件夹】

就能看到这样一个界面：

Step 3：解压下载的主题压缩包。可以只复制「theme」文件夹，也可以整体复制到【主题文件夹】

Step 4：重启Typora，在菜单栏的【主题】中，就可以看到刚刚安装的主题。

三、文件导出

依次点击【文件】-【导出】，就能看到Typora支持的文件格式。

PDF、HTML、图像（是的，你可以直接将文章导出为长图）可以直接导出。其余格式需要用到第三方软件：Pandoc

Pandoc是一个通用的文档文本转换器。Typora使用它来支持几种文件类型的文件导入 / 导出功能。在Typora中，某些文件格式（包括docx、odt、rtf、epub、LaTeX和wiki）的导入功能和导出功能由名为Pandoc的第三方软件提供支持。

▌如何下载Pandoc？

建议大家从这个页面进入下载：https://www.pandoc.org/installing.html

▌如何使用Pandoc？

下载好之后，根据提示安装完成，然后就可以导出其他格式了！

不行的话，那就退出Typora，重新启动一下；

再不行，看一下官方文档：https://support.typora.io/Install-and-Use-Pandoc/

四、文档存储（主要为图片）

当我用Typora写完文档保存后，想要复制到其他平台发布，然后出现了一连串黑人问号：

为什么图片没法随着文字复制到其他平台？

后来反应过来！

我们在Markdown文件中看到的图片，只不过是引用了图片的本地路径或网络路径的URL，而不是真的把图片插入到文件！

所以当你复制文件里的内容时，自然无法上传到类似知乎、公众号这类网络平台咯。

如何解决？

方法一：无须借助第三方服务

设及工具：Typora

来到偏好设置中，在插入图片时，选择【复制图片到当前文件夹】。

同时勾选【对本地位置的图片应用上述规则】和【对网络位置的图片应用上述规则】，以及使用该选项记得勾选【优先使用相对路径】，这样只要图片随着Markdown文件一起移动，Typora就能一直找到这张图片（类似Excel中的绝对引用和相对引用，前者的路径是固定死的）

这样Markdown文件和图片会保存在同一个文件夹，到时候找起来会比较方便。

其他选项的意思：

• 复制图片到./${filename}.assets文件夹

filename指的是正在编辑的Markdown文件的文件名。选择之后，当你复制图片到Typora时，会跳出这样一个窗口。

选择「创建目录并继续」，就能看到图片被保存到单独的一个文件夹。

像【无特殊操作】（软件的默认设置）、【复制到指定路径】很好理解，这里不展开，至于【上传图片】，到方法二的时候再展开。

方法一，只适合图片较少，或者你没有发布到其他平台的需求。一旦图片数量变多，并且需要发布到知乎、公众号等平台，那么你就需要一张张单独上传图片，换一个平台就重复操作一次！非常繁琐！

方法二：利用图床

设及工具：Typora+PicGo（图片上传工具）+图床

在阅读其他作者写的教程时，我第一次接触到图床的概念，一般是指储存图片的服务器。当你配置好该功能后，就可以将图片托管在网络上，此时再把Markdown文档中的内容复制到知乎、公众号这类平台，无论是文字还是图片，都可以正常显示啦！

相关教程，很多人都已经写过，我就不重复造轮子，有兴趣的直接看这篇文章：点我直达

以上，就是我作为一个新手时琢磨出来的 Typora 用法，大家可以按需使用。