GitHub开源神器:这个浏览器侧边栏插件让我彻底抛弃了便签纸!-夜雨聆风

GitHub开源神器:这个浏览器侧边栏插件让我彻底抛弃了便签纸!

你有没有过这种抓狂的瞬间？正在写一个需求，突然需要查某个服务器的 IP 地址，切到备忘录找半天，回来后发现思路全断了；或者公司电脑上保存的 API 密钥，回家想继续用却发现根本同步不过来，只能对着屏幕干瞪眼。

我之前一直被这个问题折磨，直到前几天在 GitHub 上挖到一个宝藏项目 —— SlideNote。

用了几天之后，我直接把桌面上的便利贴全扔了，因为太好用了！

SlideNote 是个啥？简单来说，它就是个”住在浏览器侧边的便利贴”。和其他笔记插件不一样，它完全利用 Chrome 的侧边栏 API，固定在浏览器右侧，完全不遮挡你的网页内容。你看文档、写代码的时候，随手就能点开记点东西，用完随手关上，整个过程丝滑得不行。

先说说它的几个硬核功能，真的是切中了打工人的痛点：

第一，Markdown 支持。作为一个程序员，我真的受够了那些富文本编辑器。SlideNote 支持完整的 Markdown 语法，写代码片段、记命令行都特别舒服。而且支持实时预览，按个按钮就能切换编辑和预览模式，排版 instantly 生效。

第二，自动保存+跨设备同步。这个简直是救命功能！你在公司电脑上记的笔记，回家登录同一个 Chrome 账号，自动就同步过来了。原理是用了 Chrome Storage API，数据直接走 Google 的服务器同步，不需要经过任何第三方服务器，安全性完全不用担心。不过要注意，免费额度大概能存 5 万汉字左右，用来存碎片信息完全够用，但别拿它当 Obsidian 用哈。

第三，网页摘录功能（这个是 v0.0.8 版本新增的）。你在浏览网页时选中任何文字，右键选择”保存到 SlideNote”，它会自动按日期归类，把摘录内容聚合到当天的笔记里。做资料收集的时候简直不要太方便！

第四，极致轻量。整个插件打包下来只有 57KB，完全没有框架依赖，纯原生 JS 写的。打开速度不到 100 毫秒，比那些动辄几百 KB 的插件轻快太多了。

好了，说了这么多，肯定有人想问了：怎么装？别急，我给大家整理了三种安装方式，从简单到复杂都有。

方法一：Chrome 应用商店（最简单，推荐）

直接点这个链接去 Chrome Web Store 安装就行，跟装其他插件一样，点一下”添加至 Chrome”就完事了。装好后，浏览器右上角会出现一个 SlideNote 的图标，点击就能打开侧边栏。

方法二：本地安装（适合 Edge 用户）

Edge 浏览器暂时还没上架，不过完全兼容（需要 Edge 114 以上版本）。你可以去 GitHub Releases 页面下载最新的压缩包，解压后按这几步走：

打开 Edge 浏览器，地址栏输入 edge://extensions/
左下角开启”开发人员模式”
点击”加载解压缩的扩展”
选择刚才解压的文件夹

Chrome 用户也可以用这种方式，只是把地址换成 chrome://extensions/，然后开启右上角的”开发者模式”。

方法三：源码构建（适合想二次开发的同学）

如果你是开发者，想自己改改功能或者贡献代码，可以直接从源码构建：

# 先克隆仓库
git clone https://github.com/maoruibin/SlideNote.git
cd SlideNote

# 安装依赖
npm install

# 构建正式版
npm run build:prod

构建完成后，会在项目根目录生成一个 dist 文件夹，然后按方法二加载这个文件夹就行。

装好了之后怎么用呢？其实特别直观，但我还是详细说说，帮你快速上手：

基础操作：点击图标打开侧边栏，点击”新建笔记”就能创建第一条笔记。左边是笔记列表，右边是编辑区，点击不同的笔记项就能切换。编辑的时候完全不用操心保存，停手 1 秒后自动保存，这点真的很贴心。

笔记管理：右键点击某条笔记，可以选择置顶、删除或者调整顺序。重要的笔记置顶后会在列表最上面显示，找起来特别快。还支持上下箭头快速切换笔记，双手不用离开键盘就能操作。

搜索功能：左上角有个搜索框，输入关键词会实时过滤笔记标题和内容。我现在的习惯是把常用的命令行、服务器配置、项目文档链接都扔进去，要用的时候搜一下，秒出结果。

富文本复制：这个功能可能很多人会忽略，但特别实用。你在 SlideNote 里选中内容复制，可以保留 Markdown 的样式，粘贴到飞书、Notion 这些应用里格式不会乱。

关于适用场景，我觉得这几类人肯定会爱上它：

多设备办公党：公司和家里来回切换，笔记无缝同步
后端开发：存服务器地址、数据库连接串、常用 Linux 命令
运维同学：API Key、监控地址、应急处理手册
自媒体/运营：管理各平台账号密码、文案模板、热点素材链接
学生党：临时记作业、查资料时做摘录

有个细节我觉得挺打动人的，就是这个项目的作者咕咚同学（maoruibin）在开发文档里写的：”SlideNote 不是一个笔记本，它是一个云剪贴板”。这个定位特别精准，它就是用来存那些”需要快速记、随时查”的碎片信息，而不是让你写长篇大论。正因为克制，所以它才能做到这么快、这么轻。

最近这段时间用下来，我已经完全离不开它了。以前桌面贴满便利贴，现在全部搬到了浏览器侧边，整洁多了。而且因为它是开源的，代码完全透明，不用担心隐私问题。如果你也有类似的痛点，强烈推荐试试看！

项目地址：

https://github.com/maoruibin/SlideNote

专注分享 GitHub知识，分享AI 资讯和AI搞米经验，分享OpenClaw使用经验。