在静态网站上使用 Markdown 写作应用程序的注意事项

Avatar of Leon Barnard
Leon Barnard

DigitalOcean 为您的旅程的每个阶段提供云产品。立即开始使用 $200 的免费额度!

如果您运行或最近切换到 静态网站生成器,您可能会发现自己写了很多 Markdown。而且您写得越多,您就越想让工具体验消失,以便内容成为焦点。

我将为您提供一些选项(包括我最喜欢的),但更重要的是,我将逐步介绍这些应用程序提供的功能,这些功能在选择时特别相关。以下是在选择 Markdown 编辑应用程序时帮助文字流畅的一些关键考虑因素。

考虑因素 #1:分开的写作和阅读模式

UX 原则告诉我们 模式是有问题的。但对于文本编辑软件来说,可能存在例外。从 vi(m) 到 Google Docs,写作和阅读的分开模式似乎吸引着作家。同样,许多 Markdown 编辑器也具有用于写作、编辑和阅读的独立模式或视图。

我恰好喜欢提供并排或分屏设计的 Markdown 编辑器,这样我就可以同时看到两者。编写 Markdown 与编写代码不同。它看起来很重要,拥有预览可以让你对此有所了解。这有点像静态网站生成器,它们会自动刷新,这样你就可以在进行更改时看到更改。

同时拥有编辑和预览模式可以帮助您更好地了解最终产品。

相反,我不喜欢“一统天下”的设计,在这种设计中,Markdown 格式会自动转换为格式化的文本,隐藏格式化的代码(以某种形式由 Dropbox PaperTyporaUlyssesBear 实现)。我无法忍受为改变标题级别而调整应用程序的工作。我应该点击它、双击它、还是三击它?如果我仅仅使用键盘怎么办?

与其说这些功能没有用,不如说它们打断了我的思路。

我想看到我写的所有 Markdown,即使最终用户不会看到。这是我希望 Markdown 编辑器从代码编辑器中借鉴的一点。

考虑因素 #2:好的主题

一些 Markdown 编辑器允许完全自定义编辑器主题,而另一些编辑器则自带不错的主题。无论如何,我认为一个好的编辑器应该拥有恰到好处的样式,以区分纯文本和格式化文本,但不要过多以至于分散你的注意力,无法阅读它并专注于内容。即使打开了预览窗格,我也通常会花大部分时间查看编辑视图。

每种样式使用不同的颜色

由于编辑器中的大部分文本不会像在浏览器中那样呈现,因此快速查看使用 Markdown 格式化的文本非常有用。这将帮助您确定,例如,URL 实际上是在文本中写出还是在超链接中使用。因此,我喜欢为每种 Markdown 样式(标题、链接、粗体、斜体、引用、图像、代码、项目符号等)使用不同的颜色。

颜色告诉您哪些文本应用了 Markdown 格式。

也应用粗体和斜体样式

我更喜欢在所有可以使用的地方使用星号来进行 Markdown 格式化(例如,粗体、斜体和无序列表),因此我发现除了颜色之外,还有额外的样式来区分粗体、斜体和粗体+斜体非常有用。在浏览时,很难区分 **this is important** 和 *this is important*,而 **this is important** 和 *this is important* 更容易区分。它还有助于我查看是否意外地将星号配对错误 (例如, **is this important?*)。

每个标题级别使用不同的字体大小

这可能有点争议,可能会让观众分化。代码编辑器不会在文件中显示不同的字体大小。颜色和样式可以,但大小不行。但是,对我来说,它很有帮助。

写作时,层次结构是组织的关键。通过为每个标题使用不同的字体大小,您可以仅通过浏览它来查看正在编写内容的纲要。

看到标题以不同的字体大小显示是一种帮助您可视化结构的微妙方式。这对于长内容特别有用。

快捷键和智能键盘行为

我希望所有在文本编辑器中使用的标准快捷键都能正常工作。CTRL/CMD + B 用于粗体,I 用于斜体等,以及一些在撰写文章时非常实用的快捷键,尤其是 CTRL/CMD + (数字) 用于标题。 CTRL/CMD + 1 用于 H1 等。

将某些内容变成标题应该是一个简单的快捷键。

但我也喜欢从代码编辑器中借鉴的一些键盘行为。例如,如果我选择了一些文本并按下 [(,它不会覆盖该文本,而是用开头和结尾字符将其括起来。对于使用文本格式化字符(如 *`_)也是如此。

一个好的 Markdown 编辑器在您选择文本并按下有效的 Markdown 格式化字符时不会覆盖您的文本。

我还依靠键盘快捷键来创建链接和图像。即使在定期使用 Markdown 超过五年之后,我仍然偶尔会忘记方括号还是圆括号应该放在前面。因此,我真的很喜欢有一个方便的快捷键来正确插入它们。

更棒的是,在某些编辑器中,如果您在剪贴板中有 URL,并且您选择文本然后使用键盘快捷键将其变成链接,它将在超链接字段中插入 URL。这确实加快了我的工作流程。

当我剪贴板中有一个 URL 并使用创建链接快捷键时,它会假设这就是我想链接到的内容。很方便!

附加功能:复制到 HTML

我使用最频繁的编辑器有一个一键式“复制 HTML”功能(带键盘快捷键),它会获取我编写的全部 Markdown 并将 HTML 复制到剪贴板。当使用具有代码/源选项的在线编辑器(例如,WordPress)时,这非常方便。

轻而易举!

考虑因素 #3:独立编辑器与 CMS/IDE 插件

我知道很多使用静态网站生成器的人喜欢他们的 IDE,甚至可能在一天之内在代码和 Markdown 之间来回切换。我经常这样做。因此我理解为什么使用熟悉的 IDE 比拥有一个独立的 Markdown 应用程序更具吸引力。

但是,当我坐下来用 Markdown 编写页面或文章时,我会专注于文本本身,我更喜欢使用独立的应用程序。

我并不狂热地认为独立的 Markdown 编辑器比 IDE 编辑器或插件更好;我偶尔会使用一个来完成复杂的查找和替换任务以及其他编辑。只要它提供上面列出的优点,我不会试图说服任何人放弃它。

以下是一些独立应用程序可能更适合写作的原因:

  • 更简洁的界面。我并不是那种在写作应用程序中需要“禅宗模式”的人,但我确实喜欢在写作时尽可能少地打开面板,这通常需要在 IDE 中关闭很多东西。
  • 性能。对我来说,大多数 Markdown 工具感觉更轻便。它们当然不那么复杂,而且做的事情更少,所以它们应该更快。我永远不想感觉我的写作应用程序正在耗费任何精力。它应该快速启动,并始终立即响应。
  • 可用性。我只是没有找到一个我真正喜欢的 IDE 中的 Markdown 编辑器。也许外面有一个;我只是没有时间尝试它们中的所有。但我喜欢我使用过的绝大多数独立 Markdown 编辑器,而我对在 IDE 世界中尝试过的东西却不能说同样的话。
  • 心理转变。当我打开我的 IDE 时,我正在考虑编写代码,但当我打开我的 Markdown 编辑器时,我正在考虑写作。我喜欢它让我进入正确的心态。
太多了选择。

我最喜欢的 Markdown 写作编辑器

虽然这些是我的首选,但这并不意味着如果一个应用程序不在这个列表中,它就不好。还有很多不错的应用程序我没有提到,因为它们的功能太多,或者考虑到很多免费或廉价的选择,它们的售价太高。与 IDE 包类似,市面上有大量的 Markdown 应用程序,而且我并没有尝试过所有(但我尝试过很多!)

关于帮助你“进入状态”的功能的说明,比如“打字机”或“专注”模式,或者舒缓的背景音乐。它们对我从来没有真正奏效,我最终都会关闭它们,所以它们不是我寻找的功能。(尽管如果你喜欢这些功能,可以试试 Typora,它是免费的(在 Beta 期间),并且可以在 Mac、Windows 和 Linux 上运行。)

我的首选

MacDown

免费;Mac

满足上面列出的所有标准。它轻便快捷,而且是开源的。

Windows 和 Linux 的一个好的、类似的替代方案是 Ghostwriter(也是免费的)。

值得一提的是

Lightpaper

15 美元;Mac

如果你想要更多一点的功能,这是一个不错的选择。它添加了第三个窗格,这样你就可以轻松地在文件和文件夹之间切换。

Obsidian

个人使用免费;Mac、Windows、Linux

对于一个功能更全面的应用程序来说,编辑器界面相当不错,而且满足了上面提到的绝大多数标准。Zettlr 提供了类似的功能,但 IMO 感觉更加复杂。

Byword

11 美元;Mac、iOS

不是我最喜欢的用于编写和编辑文本的应用程序,但它有一个很好的附加功能,可以发布到各种平台(例如,Medium、WordPress、Tumblr、Blogger 和 Evernote)。

Bear

免费或每月 1.49 美元,用于专业版;Mac、iOS

如果你使用 Markdown 来做更多的事情,而不是仅仅作为网站内容(个人笔记、任务管理等),这是一个不错的选择。在外观和可用性方面也得分很高。

总结

随着 Markdown 语法在越来越多的地方得到支持——包括 Slack、GitHub、WordPress 等——它正在迅速成为我们日益以文本为基础的生活中更丰富沟通的通用语言。它会一直存在,因为它不仅易于学习和使用,而且直观。幸运的是,我们目前在优质的 Markdown 写作应用程序方面有太多选择。