分享一套我刚入手 typora 时,边摸索边写下的教程。从软件界面、主题样式、再到文件导出,我都介绍了一遍,10分钟看完,立马上手使用。
Typora,是一款被众多网友盛赞的Markdown写作软件。
因为我对代码、公式的编辑要求不高,所以就常见的写作场景展开介绍(比如插入图片、加粗、标题等,以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?
建议大家从这个页面进入下载:https://www.pandoc.org/installing.html
▌如何使用Pandoc?
下载好之后,根据提示安装完成,然后就可以导出其他格式了!
不行的话,那就退出Typora,重新启动一下;
再不行,看一下官方文档:https://support.typora.io/Install-and-Use-Pandoc/
当我用Typora写完文档保存后,想要复制到其他平台发布,然后出现了一连串黑人问号:
后来反应过来!
我们在Markdown文件中看到的图片,只不过是引用了图片的本地路径或网络路径的URL,而不是真的把图片插入到文件!
所以当你复制文件里的内容时,自然无法上传到类似知乎、公众号这类网络平台咯。
如何解决?
方法一:无须借助第三方服务
涉及工具:Typora
来到偏好设置中,在插入图片时,选择【复制图片到当前文件夹】。
同时勾选【对本地位置的图片应用上述规则】和【对网络位置的图片应用上述规则】,以及使用该选项记得勾选【优先使用相对路径】,这样只要图片随着Markdown文件一起移动,Typora就能一直找到这张图片(类似Excel中的绝对引用和相对引用,前者的路径是固定死的)
这样Markdown文件和图片会保存在同一个文件夹,到时候找起来会比较方便。
其他选项的意思:
选择「创建目录并继续」,就能看到图片被保存到单独的一个文件夹。
像【无特殊操作】(软件的默认设置)、【复制到指定路径】很好理解,这里不展开,至于【上传图片】,到方法二的时候再展开。
方法一,只适合图片较少,或者你没有发布到其他平台的需求。一旦图片数量变多,并且需要发布到知乎、公众号等平台,那么你就需要一张张单独上传图片,换一个平台就重复操作一次!非常繁琐!
方法二:利用图床
涉及工具:Typora + PicGo(图片上传工具)+ 图床
在阅读其他作者写的教程时,我第一次接触到 图床 的概念,一般是指 储存图片的服务器。当你配置好该功能后,就可以将图片托管在网络上,此时再把Markdown文档中的内容复制到知乎、公众号这类平台,无论是文字还是图片,都可以正常显示啦!
相关教程,很多人都已经写过,我就不重复造轮子,有兴趣的直接看这篇文章:点我直达
以上,就是我作为一个新手时琢磨出来的 Typora 用法,大家可以按需使用。
我是 @护宇 ,在知乎专注分享知识管理经验和工具,如果你对这方面的内容感兴趣,欢迎关注我的知乎账号。更新频率不高,但是每一篇都是用心之作。