各位在桌面平台使用 Markdown 编辑器写作、尤其是需要频繁制图、插图、改图的时候,是否遇到过这些让人困扰的场景呢?

  • 写作过程中制作了一个截图、从网上搜集到一个图片,需要点击好几次鼠标才能把图片保存到目标文件夹,再插入到文章中;
  • 用 Photoshop 加工图片素材后——或者用其他编辑软件加工多媒体素材——需要把完成的文件存到文章的文件夹中,却发现存放的路径太深,保存和再编辑都相当麻烦。
  • 希望保存写作过程中用到的表格文件( .xls )、参考文章( .pdf )、图片工程文件( .psd )等内容,却发现所用的编辑器无法把这类文件作为附件;
  • 发布文章的时候,需要上传有关图片,却因为图片存进了编辑器的数据库或打包文件中,需要把图片导出才能上传,回头还得把图片删掉;也有的编辑器会在磁盘上建立一个很深的目录作为文档库,需要层层深入才能找到图片并上传。

如果上述的场景也是你的痛点,那么是时候试试 Typora 了。

Typora 简介

Typora 是一个跨桌面平台的 Markdown 编辑器,在 macOS 、Windows 和 Linux 平台上都有相应的版本。Typora 虽然仍处于测试阶段(本文成稿时最新版本号 0.9.9.12.5 ),但已经足够稳定。在测试阶段任何人都能免费下载和使用,没有功能限制。

网络上对 Typora 的介绍基本都集中在「实时预览」上。这无疑是 Typora 区别于其他 Markdown 编辑器最显著的特征,也是最大的亮点。在 Typora 中 Markdown 语句可以实时渲染为相应的样式,图片也能直接显示,用户可以在编辑界面直接看到实际的效果,而不需要另外开一个预览窗口:

Typora 编辑界面,使用的是笔者自定义主题,修改自原有的 newsprint 主题,结合了 Ulysses 和 Bear 的要素
Typora 编辑界面,使用的是笔者自定义主题,修改自原有的 newsprint 主题,结合了 Ulysses 和 Bear 的要素

除此以外,粗体、斜体、下划线、删除线、链接、列表、代码、表格、TeX 公式、脚注、多种格式导出等 Markdown 编辑器的基本功能自然也是齐备的。早在 2015 年,少数派就已经有文章介绍(《让 Markdown 写作更简单,免费极简编辑器:Typora》)。

更值得一说的,是 Typora 的两个重要特性。

基于文件系统的内容贮存

所谓基于文件系统的 Markdown 编辑器,就是指这类编辑器可以像 macOS 上的「文本编辑」所谓基于文件系统的 Markdown 编辑器,就是指这类编辑器可以像 macOS 上的「文本编辑」和 Windows 上的「记事本」一样,打开磁盘上任意位置的 .md 文件进行编辑。

这种内容贮存形式是高效管理、再利用图片等多媒体文件的基础。

在自带文档库的编辑器中,保存了文章的文件通常是放到一个很不好找的路径中。比如 Ulysses 的文档库就放得相当深入,而且目录名和文件名称都经过了编码,通常情况下不容易找到。

Ulysses 文档库位置
Ulysses 文档库位置

而 MWeb 的文档库就真的可以说是「深不可测」了。

MWeb 文档库位置
MWeb 文档库位置

这种内容贮存形式无疑是有利于多平台同步的,因而也是目前相当常见的一种内容贮存形式。然而,这无疑会为多种工具协同工作带了不少麻烦。首先存在打包文件中的图片无法直接用进行查看或者编辑;无法通过浏览器直接上传图片到发表文章的平台;写作过程中收集的各种素材不得不和内容分开存放,继而为归档管理带来麻烦……

相较之下,基于文件系统的贮存方式就是另一番景象。

下图是我用于存放文章的文件夹,建立于 2014 年使用 Marboo 进行写作的时候,期间经历了 MarkEditor ProMWeb Pro(使用外部模式)、Ulysses(使用外部文件夹)和 Typora

文章目录
文章目录

在这种模式下,文件才是一切的中心,不论编辑器如何替换,都不会影响到我的内容。我能够为每篇文章建立一个目录,文章的正文、用到的素材、工程文件全部都集中存放,不论是翻查还是修改都很方便。同时,这个文件夹并不深,通过浏览器上传附件、或者把加工好的素材保存到这个目录中都相当方便。

诚然,这种内容贮存形式也有其局限性。

最致命的缺陷就是无法和移动端进行同步。虽然可以用 Dropbox、iCloud 或者坚果云之类的平台来同步文件,但由于在 iOS 中无法直接编辑同步文件(但可以用 Share Sheets 发送到相应的 App ,编辑后再存回去,相当麻烦),实用意义不大。

其次就是无法享受诸如文件管理、标签、文档合并、文档间链接之类的功能。比如 Ulysses 中外部文件夹中的文章无法享受 Ulysses 自带的附件管理,也无法在编辑窗口中显示图片。

便捷的插图方式

得益于内容贮存模式,Typora 在文章插图上要方便得多。

过去,我是这样 Markdown 文档中插图的:

    • 选择一张网络图片,通过右键菜单另存为;
    • 制作一张屏幕截图,选择保存到磁盘;
    • 选中电脑磁盘中的一张图片;
    • 把网络图片保存到文档文件夹;
    • 把屏幕截图保存到文档文件夹;
    • 把磁盘中的图片复制到文档文件夹;
    • 复制图片的路径,通过![]()语法插入到文档中;
    • 通过编辑器的插入图片功能,选中文件夹中的图片插入到文档中。

现在,我是这样插图的:

  1. 设置当前文章的图片目录;
    • 选择一张网络图片,通过右键菜单复制到剪贴板;
    • 制作一张屏幕截图,选择保存到剪贴板;
    • 选中电脑中的一张图片,复制文件到剪贴板;
  2. 粘贴到文档中,Typora 会自动把剪贴板中的图片保存到图片目录中,并且把保存好的图片插入到文档。

在 Typora 的流程中,跳过了最烦人的选择文件夹步骤,避开了从选择图片到插入文章这一过程中的所有中间环节,不论是实际体验还是操作效率,都有了质的提升。

如果需要把图片上传到互联网,Typora 也能和 iPic 协同工作(注意,仅限 macOS 版本)。只要通过简单的菜单操作,就能把图片上传好,并且把 URL 替换到文档中。也能设置插入图片时即时上传。少数派的这篇文章介绍了如何操作:《 iPic + Typora,方便快捷地在 Markdown 中插图 | 一日一技》

其他选择

Typora 并不是满足上述两个需求的唯一选择。MarkEditorMWeb 同样能满足,也有一切 Typora 不具备的强大功能。关于这两款编辑器,少数派中已经有足够的介绍文章,各位大可根据自己的需求进行选择。

如果看完上述的文章后,还有点犹豫不决,可以参照以下要点,根据自己的需求来选择:

  • MWeb
    • 有文档库系统和 iOS App ,可以和移动端同步,也支持插入多媒体文件(如 .psd、.pdf 、xls 等)。但要注意文档库的路径很深,而且相应的附件文件夹以编码命名,在再利用方面会有不便。
    • 除了有把文章导出为图片、pdf 之类的基本功能,还支持发布到 Wordpress 等博客系统,也能发布到 Evernote 。具体支持的服务见官网。
    • 有内置的图片上传功能,除了支持七牛之类常见的图床,也支持用户自建的服务。
    • 文档库有标签功能。
    • 14 天试用,售价 98 元。有功能受限的 Lite 版本。

  • MarkEditor 1.x( 2.x 版本将有大升级,具体情况不明)

    • 能通过七牛、Amazon S3、FarBox 和 Bitcron 四个平台进行同步。
    • 有 Vim 模式。HJKL 移动、oO 插入、p 粘贴能用,但 d 会删除一整行,也没有 f 。整体而言不大好用。
    • 能通过 Wi-Fi 把手机中的图片插入到文档中。
    • 除了有把文章导出为图片、pdf 之类的基本功能,还支持发布到静态博客平台甚至微信公众号,具体支持的平台见官网说明。
    • 可以把一个目录下面的所有文档导出为维基站点。
    • 常驻在 macOS 的顶部菜单栏(或者 Windows 的任务托盘)时,可以点击菜单栏图标(或者通过快捷键)激活快速记录窗口,可用于灵感收集或者做备忘录。
    • 1.x 基础版 58 元,Pro 版 128 元;2.x 基础版 68 元,高级版 156 元(对应 1.x Pro 版),Pro 版 356 元。1.x 未付费时功能与基础版一致,但会不时弹出付费提示。
    • 1.x Pro 功能列表2.x 不同版本功能对比

  • Typora
    • 能即时渲染 Markdown 代码,不必另外的预览模式即能看到文章效果。
    • 允许通过 css 自定义编辑器主题,灵活性要远强于 MWeb 和 MarkEditor 提供的自定义方式。
    • 目前是测试版,免费下载和使用;正式版将收费,售价尚未公布。