
我是胡九思。
我一直在等网页自带一块留言板。看到一篇好文章、一个有意思的项目,留下一句「我来过」。
但没等到。
于是做了这个插件,叫「网页踩踩」。在任意网页上贴一张便签,数据存在你自己的电脑里,下次打开同一个网页,它还在原地。九天,九个版本。
名字,几乎是这个产品里唯一没经过思考的部分。
名字,脱口而出
小时候逛别人的 QQ 空间,看完要在留言板留一句「来踩踩」,算留个脚印。
现在逛网页,遇到不想收藏、又怕下次找不到的内容,想留个记号的心情一模一样。起名的时候,脑子里蹦出来的第一个词就是踩踩,没过脑子。英文名 Trail Mark,图标就是那条虚线小径和终点的圆点。
需求很朴素。逛 GitHub 见到有意思的项目,当下用不上,扔进收藏夹基本等于吃灰;想记一句它好玩在哪,最好的位置就是网页自己——像在纸质书上随手画一道,下次翻阅还在。
动手前我去谷歌商店转了一圈,搜「便签」出来一大排,合用的很少,多数是划词、高亮、写批注的标记型工具。但……

论功能,「五彩」那样的插件早就做全了,我何必重造轮子?可挑来挑去,就是没有合心的那一个。划词、高亮、打 tag,我已经倦了。我想要的其实是一种更即时的状态。网页开着,话就贴上去,下次打开还在原地;不归档,不整理,数据嘛,就待在我自己电脑里。
会这么想,大概跟我折腾知识管理那些年有关。我的 Obsidian 卡片盒里存着五百多篇原文笔记、六百多张自己写的原子卡,装过一大排插件,又一个一个卸掉,卸载原因记了整整一页——功能鸡肋的、互相重叠的、让软件变卡的;还把二十多个顶层目录收敛到十一个。折腾到最后,我选择返璞归真。所以我对网页便签的全部期待,就是它轻到没有存在感——看到就贴,贴完就走,剩下的交给时间。
于是动工。第一个能用的版本做完当天,手感来了停不下来,一口气又迭代了八版,目前版本是 0.9.0。

便签样式
初版设计的时候稍显随意了些,是个规规矩矩的圆角矩形。能用,只是贴在网页上,像一张打印出来的便利贴。


我始终觉得不够好看,也不够丰富。我常用的软件都给人足够的自由度,希望自己的工具也是。
于是样式先变得现代了些;后来某一天,我给它加了点随机的小倾斜,顶上贴一条半透明的和纸胶带,一下子灵动起来。再后来干脆做成成套的外观,一共五种:工整不斜的,随手贴微微一歪的,顶上压一条胶带的,大角度斜贴的手账款。
还有一款「古早风格」,最早被我嫌弃得要死,兜了一圈还是做了回来……因为越看它越怀旧(毕竟我也有点上年纪了,咳咳)。那就要做得足够像!比如,横线一根根对齐文字的行高,颜色锁定经典便利贴的蓝和黄;用它的时候连圆角设置都不生效——要的就是那股老派劲儿,嘿嘿。

胶带最初做过红黄蓝好几种颜色,但和卡片主体颜色搭配起来反而有点怪,最后全改成半透明——便签自己的颜色透上来,胶带只轻轻压一层,有层次,也不抢戏。

样式定了,配色也不能少,一共五套:奶油、薄荷、海洋、樱花、墨色,总有一套合你眼缘。

挑便签的时候不用在网页上反复尝试。我在设置里配了个预览台,点一下样式按钮,上方就现画一张真实大小的便签。

挑中贴上去,也有想收起来的时候。便签多了,或者不想让凑过来看屏幕的人一眼看到全部,点「−」把它收成一颗小胶囊,挂在原地,不占地方。

收放之外,设置里还散落着几个开关,个个都是我认定一个人该有的自由权。比如,悬浮快捷按钮吸附在网页右边缘,嫌碍事可以关掉;「闲置时淡化」打开后,鼠标一停,便签自动两成透明,正文重新干净,鼠标一碰又都会回来。


对便签工具来说,「外观」本身就是重要的体验。它不会多帮你记一个字,却决定你贴的时候,有没有那么一点开心。
便签安放
便签有个开关值得单独讲。钉在页上,或者悬浮屏幕。
还是拿纸质书打比方。你拿起一本书做笔记,在页边画一道线,写一句「这段写得不错」——这道线必须钉在页上,不然书一翻页,你就不知道标的是哪段,成了刻舟求剑。
悬浮屏幕则是另一种方式。便签和页面彻底分开,页面随便滚,它钉在屏幕上不动,两边互不打扰。比如,盯着长页面核对数字的时候,把「记得要看出处」这条提醒悬浮在屏幕角落,滚到哪里它都在。
这正是电子世界比纸面好玩的地方。纸上的笔记一旦写下就很难挪走,除非擦掉重写;屏幕上的便签却可以选择待在哪一层。物理和数字存在边界,各有利弊,是我这两年觉得蛮好玩的话题。

侧边栏设置
便签贴出去只是开始。贴得多了,新问题来了。我记得在某几个网页上留过话,却想不起是哪几个。

答案在侧边栏。点工具栏图标,浏览器右侧展开一列,四个视图各司其职:本页、全部、网页、标签。
点击插件,弹出侧边栏。
在「全部」和「网页」页签上,你点击任何一张便签,会自动切换到对应网页上去。如果网页已经打开,那就会复用原标签页,接着滚到便签的位置,高亮闪烁几下,方便定位。

在「标签」页签上,每个标签有多少张便签都一目了然,改名全库同步、重名自动合并,也可以将标签从所有便签上一键摘除。全库按使用频次排序,输入时实时过滤,点一个标签就筛出相关便签。

个人数据如今已经成为另一种财富形式。AI 时代,保留数据尤其要紧,所以我特地做了导出功能,格式让人和 AI 都能读得顺。最早只是在「网页」视图里设了一个「导出」按钮,只能整组存成 Markdown,现在统一收进了批量模式,更是新增了 CSV 格式。

这些之外,还有几处细节我自己很受用。同一篇文章,从微信点开和从搜索结果点开,网址看着不一样,踩踩识别得出是同一页;B 站、GitHub 这类点击换页不刷新的网站,便签会跟着去到新页面;删掉的便签先进回收站留三十天,手滑随时反悔。
这些细节平时不必想起,用得到的时候,它正好在那儿,便好。
这个插件没有账号,没有云端,没有上传,所有便签都只存在你自己的浏览器里。完整备份就是设置里点一下「导出」,十秒钟拿到一个文件。但也因为没有云同步,需要你主动做好备份,戳设置导出备份即可。
作为开发者,我不知道也不想知道你在哪些网页上、留了什么话。我想,这是对你一份应有的尊重。
希望你会满意。
说句题外话,整个插件是用智谱的 ZCode 写的。如此速度,一半来自它自身的生产速度,另一半来自我个人反馈的颗粒度(并不谦虚)。但总之,配合非常愉快。倘若有人质疑:看啊,她不过是靠 AI 搞出了点东西,就真以为自己掌握了什么真本领?那我大约会这样回应:
AI 抹平了技术的门槛,却抹不平个人的特质。
同一个 Agent,在不同人手里会长出截然不同的模样。因为反馈的颗粒度,藏着你独有的经验;直觉的选择,决定了产出的品味。 Agent 或许可以拥有高于普通人的审美,但审美从无绝对,正如梵高与莫奈,面对相同的画幅,画出的是各自的精神世界。
工具延伸了手脚,但赋予意义的始终是主体。我们在AI时代依旧独特,全因品味终归属于自己。 去尝试吧!

最后
QQ 空间的留言板,如今大概没什么人踩了,可「记录我来过」的心情一直都在。看到一篇好文章、一个有意思的项目,总想留一句话,留给下一次打开这个页面的自己。
网页会过期,文章会 404。至少现在,我想让这些脚印贴在原地。
那条从留言板时代延伸过来的虚线小径,如今铺在了一个个网页上。下一个在网页上留脚印的,会有你吗?
更多介绍和演示在这里。
Edge 浏览器插件已上架,也可以直接搜索「网页踩踩/Trail Mark」下载。
Chrome 浏览器使用需要手动安装插件,访问飞书文档「网页踩踩/Trail Mark」获取安装包。参照图片流程,下载解压,一分钟装好。

