推荐一个开源的侧边栏笔记插件,真的很方便
【公众号回复 “1024”,免费领取程序员赚钱实操经验】

大家好,我是章鱼猫。
今天推荐的这个项目是「SlideNote」,侧边笔记,常伴左右,Chrome 浏览器侧边栏笔记插件。

特性
-
侧边栏展示 — 固定在浏览器侧边,随时可用
-
Markdown 编辑 — 支持预览/编辑模式,实时渲染
-
富文本复制 — 复制带样式的文本,可直接粘贴到其他应用
-
自动保存 — 停止输入 1 秒后自动保存
-
跨设备同步 — 基于 Chrome Storage API,自动云端同步
-
搜索过滤 — 实时搜索标题和内容
-
导航切换 — 上下箭头快速切换笔记
-
极致轻量 — 无框架依赖,打包仅 24KB
适用场景
| 场景 | 说明 |
|---|---|
| 多设备工作者 | 公司电脑记录,回家电脑继续用 |
| 技术人员 | 存储 API Key、服务器地址、配置信息 |
| 运营/自媒体 | 管理多账号密码、文案模板、素材链接 |
| 临时记录 | 快速记下灵感、待办事项、剪贴板内容 |
使用方法
-
点击 Chrome 工具栏的 SlideNote 图标
-
侧边栏展开,即可开始使用
-
点击「新建笔记」创建第一条笔记
-
点击笔记项切换,开始编辑
-
右键点击笔记可排序或删除
-
停止输入 1 秒后自动保存

安装
1、方式一:Chrome 应用商店(推荐)
从 Chrome 应用商店安装
2、方式二:本地下载安装
从 GitHub Releases 下载最新版本:
-
下载并解压安装包
-
打开 Chrome 浏览器
-
访问
chrome://extensions/ -
开启右上角的「开发者模式」
-
点击「加载已解压的扩展程序」
-
选择解压后的文件夹
3、方式三:从源码构建
# 克隆仓库git clone https://github.com/maoruibin/SlideNote.gitcd SlideNote# 安装依赖npm install# 构建正式版npm run build:prod
-
打开 Chrome 浏览器
-
访问
chrome://extensions/ -
开启右上角的「开发者模式」
-
点击「加载已解压的扩展程序」
-
选择项目根目录的
dist文件夹
开源项目地址:https://github.com/maoruibin/SlideNote
开源项目作者:maoruibin
最近,章鱼猫建了一个「GitHub 精选交流群」,欢迎大家一起交流优秀开源项目,也可以宣传自己的开源项目,在 「GitHub 黑板报」公众号后台回复【加群】邀请你入群。
点击下方公众号卡片,即可关注我,每天为大家推送优质开源项目,在对话框回复关键字,即可加群。
夜雨聆风
