解决我自己的难题：构建记事本

Notebag 已上架Product Hunt！快来看看吧！

这篇文章最初发表在我的个人博客上。

我一直都不擅长想出点子。我不确定这是否是因为缺乏创造力，还是因为我的生活按照很多人的标准来看“无聊”，又或者只是因为我满足于现有的解决所有不适和问题的方案。

嗯，除了有一件事我一直没找到满意的解决方案：记笔记。我尝试过几种不同的方法。有一段时间，我会把笔记放在IDE的临时文件功能里。这虽然不是一个很适合扩展或搜索的解决方案，但用来存储代码片段已经足够了。

之后的一段时间里，我一直用苹果备忘录来写作。我喜欢它的简洁性，但它不支持用 Markdown 格式输入笔记，这使得格式调整变得很麻烦。

然后我试用了备受好评的笔记应用 Bear。一开始我确实很喜欢它，它功能强大，用户体验也很棒。说真的，Bear 的开发者们真是太厉害了。但是，我还是时不时需要用鼠标操作。而且，我还是得手动打开应用，或者用快捷键切换所有打开的窗口。Cmd-Tab总感觉哪里不太对劲。

整个过程持续了大约一年。我一直抗拒开发笔记应用的想法，因为我觉得
：

• A) 这会非常复杂
• B) 笔记应用市场已经严重饱和。

我仍然认为第二点在某种程度上是正确的。市场上的竞争确实非常激烈。但当我发现一个叫做tiptap的可爱小工具时，第一点就被彻底颠覆了。它基于 ProseMirror，而 ProseMirror 是一个用于构建富文本编辑器的优秀库。

2020年3月7日，我终于忍无可忍，开始编写代码。（尽管之前已经有一些 迹象表明将会发生什么）。

发展

Notebag是一款基于 Electron 的应用，因为我主要从事 Web 开发，原生代码对我来说有点棘手。我很想
尝试一下 Swift，但最终还是选择了自己最熟悉的语言。前端方面，我选择了 Vue，因为 Tiptap 也用的是 Vue，而且我对前端框架之争并没有特别强烈的偏好。

Prosemirrors 的输入规则概念是其开发得以快速推进的一大优势。这些规则本质上是一些小函数，它们接受一个正则表达式进行搜索，然后根据你输入的内容生成相应的 HTML 代码。这不仅为所有 Markdown 格式设置提供了支持，还为一些自定义功能（例如可嵌套的分类
和 Zettelkasten 类型的链接）提供了动力。

三月份的大部分时间里，我都在断断续续地做这个项目，因为我每周大部分时间都忙于一些零工。可惜的是，由于世界局势动荡，到了四月份我的零工收入锐减，于是我才开始真正专注于项目的开发。

大约一周后，我实现了笔记应用的大部分基本功能（说来也巧，切换笔记竟然是最后才实现的。哎呀！），然后我发布了第一批测试版。当时，这款应用看起来有点像乏味的苹果备忘录克隆版。

这是我发给几个值得信赖的测试用户的版本。

应用差异化

也是在这个时候，我开始深入研究我认为这款应用的独特卖点。首先是快捷栏，也就是“跳转到任何位置”的功能。这本质上和任何现代集成开发环境（IDE）或代码编辑器中的功能一样。

你可以对笔记进行全面的模糊搜索。也正是在这里，键盘操作真正占据了主导地位。接下来的两周，我花了相当多的时间tabindex给每个重要元素分配快捷键，编写了无数的:hover, :active, :focus样式，并添加了许多你可以用来在应用中操作的键盘绑定。

我们花了大量时间与测试用户沟通，不断改进、实施和完善。你永远不会预料到要做的事情这么多，直到你开始把它们写下来，最后得到一份超过两位数的待办事项清单。

我该如何进行市场营销呢？

当应用发展到比较稳定成熟的阶段后，我不得不面对我最不擅长的环节。我一直尽可能地逃避这个环节：我必须搭建一个落地页来推广
这个应用。哎呀。

起名真是个难题。我一共想了27个名字才找到合适的。其中一些是：Keynote、Typemark、Markflow、Swiftnote、Feathermark、Keynib 和 Crosskey。最终的名字甚至都不是我想出来的，而是Shaun Farrugia 的主意。但我很喜欢，就决定用这个名字了。

接下来是设计logo。我一直很喜欢角色扮演游戏，也很喜欢游戏中那些装满金币的复古袋子的造型。虽然它和我们这款应用不太契合，但设计过程很快，我很满意。

最后是落地页。我用了Tailwind和Jekyll，就开始动手了。说实话，我还是不知道营销专家是怎么做的，但我跟别人讨论过文案，优化了用户体验，确保它在所有设备上都能正常显示，然后就上线了。

自上线以来，已经成功说服三个人下载了这款应用，所以我想我做得还不错！

发射

现在，距离正式发布仅剩几天时间。这真的是我第一次打造一款真正属于自己的产品，我既兴奋又忐忑，不知道接下来的路会如何走。我衷心希望“Notebag”这个名字最终能够跻身笔记应用领域的佼佼者之列。

敬请关注5月4日（周一）在ProductHunt上的发布！同时，欢迎访问notebag.app了解Notebag ！