首页 > web前端 > css教程 > 在静态站点上使用Markdown编写应用程序的注意事项

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

尊渡假赌尊渡假赌尊渡假赌
发布: 2025-03-19 11:08:08
原创
713 人浏览过

Considerations for Using Markdown Writing Apps on Static Sites

如果您运行或最近切换到静态网站生成器,您可能会发现自己编写大量的Markdown。您写得越多,您就越希望工具体验消失,以便内容成为焦点。

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

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

用户体验原则告诉我们,模式是有问题的。但也许文本编辑软件是个例外。从vi(m)到Google Docs,用于写作和阅读的独立模式似乎吸引了作家。类似地,许多Markdown编辑器具有用于写作、编辑和阅读的独立模式或视图。

我喜欢提供并排或窗格设计的Markdown编辑器,这样我就可以同时看到两者。编写Markdown与编写代码不同。它的外观很重要,预览可以让你感受到这一点。这有点像自动刷新的静态网站生成器,这样你就可以在进行更改时看到更改。

相反,我不喜欢一种模式统治所有模式的设计,在这种设计中,Markdown格式会自动转换为样式化的文本,隐藏格式化的代码(Dropbox Paper、Typora、Ulysses和Bear以某种形式实现)。例如,我无法忍受为此应用程序更改标题级别而费力的工作。我是点击它,双击,还是三击?如果我只是使用键盘呢?

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

考虑因素#2:优秀的主题

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

每种样式的不同颜色

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

也应用粗体和斜体样式

我更喜欢在我的能力范围内使用星号进行Markdown格式化(例如,粗体、斜体和无序列表),因此我发现除了颜色之外,还需要额外的样式来区分粗体、斜体和粗体 斜体。在略读时,很难区分**这是重要的**和*这是重要的*,而**这是重要的**和*这是重要的*更容易区分。它还可以帮助我查看是否意外错配了星号(例如,**这重要吗?*)。

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

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

在写作中,层次结构是组织的关键。使用不同字体大小的标题,您只需浏览一下就可以看到正在撰写的任何内容的大纲。

快捷键和智能键盘行为

我希望所有在文本编辑器中有效的标准快捷键都能工作。CTRL/CMD B 用于粗体,I 用于斜体等,以及一些在撰写文章时很方便的快捷键,特别是CTRL/CMD (数字) 用于标题。CTRL/CMD 1 用于H1等。

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

我还依赖键盘快捷键来创建链接和图像。即使在定期编写Markdown五年多之后,有时我还是会忘记方括号或圆括号哪个先出现。因此,我真的很喜欢有一个方便的快捷键来正确插入它们。

更好的是,在某些编辑器中,如果您在剪贴板中有一个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提供了类似的功能,但在我看来,它只是感觉更复杂。

Byword

$11;Mac、iOS

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

Bear

免费或每月1.49美元的专业版;Mac、iOS

如果您将Markdown用于不仅仅是网站内容(个人笔记、任务管理等),这是一个不错的选择。在外观和可用性方面也得分很高。

总结

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

以上是在静态站点上使用Markdown编写应用程序的注意事项的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板