因为找不到合适的便签软件,我很经典地自己写了一个

因为找不到合适的便签软件,我很经典地自己写了一个


2026-05-12 ·1994 字 ·6 分钟

前言

大概几个月前,我翻出了吃灰许久的树莓派。拍拍上面的尘土,我想到用它偷学校宿舍的电,由此决定在里面安装一些web服务。网盘、书签、中转站、小工具,我思索了很久,决定不出装什么好,于是决定从自己的需求出发。

回想我的生活,没有一个免费开源、可急速使用、多端同步的便签软件一直是我的痛点。有时候,我走在路上突然来了什么灵感,想立马记下来。于是我打开手机,写进便签应用。然而,当我需要在电脑前将灵感付诸实践时,我要不得把我的手机打开,放在一边看着;要不就是得复制粘贴便签里的文本到电脑。不便利!

对现在工作流的代替,我可以选择付费的订阅制应用,但是没必要,我明明就可以自己托管,为什么要因为不到1MB的内容每月给人上供呢?也有免费同步的应用,如Notion,但是他们大多都太笨重了,很难快速写下内容。开源项目是个好方向。我逛了一圈比较有名的几个开源便签/笔记,感觉都不太适合我……那种永无止境的浏览、挑选,实在是太让人烦躁了。最后,在极度烦躁的情况下,我决定:自己写!!

于是,这样那样设计一番,和LLM交流修改一下,然后委托AI Agent一个字。经过几轮的审查和测试,我的便签项目诞生了。


MemoDump是什么样的?

我的便签项目叫做MemoDump,是由Vue.js前端+Go后端构成的Web应用,以单二进制文件格式发布(当然也可以通过源码自己编译啦),支持PWA(这是说,您可以像使用App一样保存书签在桌面以使用它,而无需打开浏览器)。此外,也有套了Wails的桌面应用版(无需服务器部署!),单因为这样那样的原因,只能下载代码自己编译。

MemoDump Icon

MemoDump主打的第一点是快速记录!除了登录界面外,打开页面第一眼看到的是个完全空白的编辑器。这样的设计非常适合记录突然出现的灵感/事件,无需在打开应用后东点点、西点点才新建好便签,到时候脑子里的内容都漏光啦……T T

除了能快速启动记录外,隐私友好也是设计中的小巧思。这里不是说虚拟数据上的安全(您需要自己对服务器的数据负责…!),而是……*太太,你也不想你的笔记都被人看光光对吧!*只是想记一下会议的时间,却在打开便签界面的时候意外暴露了许多其他便签……?!同事就这样看到了“下班顺路买点羊肉,今晚爽吃火锅啊嗯😋”……这种事情绝对不可以发生!!

接下来想说的是应用的瀑布流设计——~~在确定了周围无人视奸,悄悄打开便签后,~~可以使用侧边栏,或者编辑器左上角的按钮,来到All Notes界面。为了信息可见,便签的一部分内容会被展示出来。您可以通过点击按钮查看全文,或者通过三点菜单复制/下载,而不用真的打开便签。这样设计的目的是让信息得到充分的展示。不知道别人如何,但我在加找不到东西、翻箱倒柜、心情绝望的时候,经常哀愁地心想:*如果屋里所有抽屉都是玻璃做的该有多好啊!*假设某人写了类似“千万不要用第二间厕所,里面有%$#@”的内容,结果立马忘记了,拐进洗手间的时候又重蹈覆辙,那就太悲惨了……而如果在查看别的便签,或者是编辑便签时,眼神不经意地扫到了这条便签,“天哪还有这样的事情,没有忘记真是太好啦”——听起来多是一件美事啊!

当然,我知道,如果所有便签都这样散落一页,那就有些太乱了。为了弥补这一点,我增加了一个storage区块。您可以在这里新建文件夹,创造自己心仪的层级和结构。进入文件夹后,您可以看到被储存在这里的便签,而它们并不被“All Notes”收录(我必须为选了“all”这个词道歉,这个页面实际上指的是所有没被归档的便签。对不起…!)。如果有归档整理癖的话,这是个很适合把玩的部分。

大概讲了下界面,我们回到便签编辑器。MemoDump使用的是加入了实时渲染的Milkdown编辑器,视觉上非常友好。在一行的开头输入 /,可以快速选择markdown语法;选中想修改的文字,可以在弹出的工具条中更改样式。因为实时渲染,在无需熟练掌握markdown语法的同时,能享受到markdown的便捷性

除此之外,有一个我个人很喜欢的feature是,您完全不用为了起文件名而忧愁。惆怅地总结内容,或是打出类似12312321的占位符,在MemoDump不会发生!标题是可选而非必须的!随便写点什么,然后干净利落按下Save键,一切就结束了,心智负担极小!除了可选的标题外,您还可以输入标签(tag),能够帮助检索和归类。


MemoDump为什么要这样?

以上是对MemoDump本体的介绍,下面是我的一些碎碎念。好不容易搞了个项目,稍微彰显下ego也没问题吧!

在MemoDump的设计中,我最在意是神经多样性友好。以此作为根基,设计理念可以简单分成ASDADHD两部分:

  • 对于ASD:我想最好不要有太多的视觉噪音,感官过载很讨厌。界面大部分是白色,配一些蓝、紫,尽量做到简单但不太枯燥。除了一些悬浮的按钮外,我基本上没加太多的动效,这样不会让人眩晕。

  • 对于ADHD:我考虑得更多一点,因为我觉得这个群体更依赖便签。频繁切界面可能会导致ADHD用户遗忘内容(工作记忆已内存溢出…),为了避免,我尽量不使用太多二级菜单。编辑器则是完全没有任何二级菜单,无论是标题、位置,还是标签,都嵌在header上,不需要点开什么界面来编辑,小大脑内存友好!一打开应用就是编辑器的设计,某种意义上也是为了维护心流;All Notes确定是瀑布式也是为了防记忆力差。

在开源社区,有各种各样或是大众、或是niche的项目,大神们各显神通、代码遍地开花。然而,我个人觉得,针对“神经多样性友好”优化的项目还是不多。虽然主要是为了自己爽,我还是有些希望自己的项目能变成一朵颜色不一样(?)的小花!加一抹别样的色彩~~~


结语

如果您对MemoDump有兴趣,欢迎到项目的Releases下载并部署。详细的部署指示请看README

小项目的年纪还不大,有待提升的地方有很多。如果有任何问题或者建议,欢迎向我反馈!

评论 (0)

点击左下角右下角的看板娘登录后即可评论。

已登录: ()

加载中...