灵感闪存卡:一款 Tampermonkey用户脚本

为什么做这个插件,起因是一个我自己长期以来的一个习惯:浏览网页时如果看到一些有趣的观点、被戳中的句子。我的本能反应是「复制 → 粘贴 → 存进个人笔记软件」。

然后就没有然后了。几十上百条收藏躺在笔记软件的一个文档里,我再也没有打开翻阅过,也没有把它们真正消化成自己的东西。

所以做了这个「灵感闪存卡」------ 一款 Tampermonkey(篡改猴)插件,让我在浏览任何网页时,可以一键收藏灵感文字、佳句、金句,像抽卡一样翻阅属于自己的灵感库。

存的目的不是存,而是为了提醒自己回头看。当卡片多达 500 张,它会自动把最旧的清理掉。只有被自己重新翻开、重新思考、重新提炼过的东西,才是自己的东西。

功能一览

功能 说明
右键快捷收藏 选中文字 → 右键菜单点击「加入闪存卡」→ 弹出编辑面板
卡片编辑 可修改内容、自动填写来源网站和 URL、添加自定义标签
卡片管理面板 浏览 / 搜索 / 筛选 / 编辑 / 删除卡片
瀑布流展示 单列卡片瀑布流,文艺简约风,Google 思源宋体
本地持久化 使用 Tampermonkey 内置存储(GM_setValue / GM_getValue),浏览器卸载前数据不丢失
暂停 / 恢复 篡改猴菜单一键暂停,暂停期间不触发任何功能
导入 / 导出 JSON 格式备份,方便换机迁移
浮动入口 右下角星星按钮,带卡片数量徽章,悬停动效
快捷键 Ctrl + Shift + K 快速打开面板,Esc 关闭

安装步骤

  1. 安装脚本管理器:Tampermonkey。
  2. 安装脚本:打开插件的「管理面板」→「添加新脚本」,将 inspiration-flashcards.user.js 的内容粘贴进去保存即可。
    也可直接把 inspiration-flashcards.user.js 文件拖入浏览器窗口,篡改猴会自动识别并弹出安装确认。
    脚本下载链接:https://mp.weixin.qq.com/s/pmYnjI-UMoy10l_17-xkxg
  3. 验证:打开任意网页,右下角应出现一个橙黄色星星按钮 ,即可使用。

使用方法

方式一:右键菜单

  1. 在网页上选中你想收藏的文字
  2. 在选中文字上右键点击
  3. 菜单中选择「加入闪存卡」
  4. 弹出面板中修改 / 补充内容 ,点击「保存」

方式二:浮动按钮

  • 右下角星星按钮 → 打开卡片列表面板
  • 面板顶部「+ 新卡片 」→ 创建空白卡片,手动粘贴内容

方式三:篡改猴菜单

点击浏览器右上角篡改猴图标 → 菜单底部:

  • 📇 打开灵感闪存卡
  • ⏸️ 暂停 / ▶️ 恢复脚本
  • 📤 导出卡片(JSON 文件)
  • 📥 导入卡片(JSON 文件)
  • 🗑️ 清空所有卡片

方式四:快捷键

快捷键 动作
Ctrl + Shift + K(⌘ + Shift + K on Mac) 打开卡片面板
Esc 关闭面板

注意事项

关于某些网站的右键菜单

部分现代网站(如微信读书、Notion)会劫持浏览器原生右键,使用自己的定制菜单。在这些网站上:

  • 我们的右键菜单可能不会出现(不影响使用)
  • 解决方法:用网站自己的菜单复制文字 → 点右下角浮动按钮 → 新卡片 → 粘贴
    这两类菜单互不冲突,各自服务于不同场景。

关于每个网页独立运行

篡改猴脚本的安全模型决定了:每个浏览器标签页是独立的 JS 沙箱,脚本必须在每个页面单独注入一次。打开新网页时感觉"重新加载"是正常现象。

数据限制

项目 上限 说明
卡片数量 500 张 超过时自动移除最旧的卡片,并弹出提示,如果你想要存储更多张,请修改脚本const MAX_CARDS = 你要的数量;
单卡内容长度 无硬上限 建议单卡 100--1000 字阅读体验最佳
标签数量 / 卡 无硬上限 建议 ≤ 5 个便于筛选
存储位置 Tampermonkey 专属存储 清除浏览器数据 / 卸载插件会丢失,请定期导出备份
相关推荐
朝朝辞暮i3 小时前
C++ 第 25 课:getter / setter + this
java·javascript·c++
蜗牛互联网3 小时前
Python接入Gemini 3.8 Flash实现票据视觉抽取与规则校验
java·javascript·网络·人工智能·python
xieter4 小时前
【技术精选】深入浅出现代前端渲染与性能优化实践指南 (2026-10-04)
前端·javascript
xieter4 小时前
【硬核实战】TypeScript Compiler API: Preserving Child Node Narrowing in Reusable Type Guards 🔧 (2026-10-03)
前端·javascript
xieter4 小时前
【硬核实战】React 19 useFormStatus Returning False? I Built a SubmitButton That Fixes It (2026-10-03)
前端·javascript
paopaokaka_luck6 小时前
非遗文物数字化小程序(AI非遗问答、ONNX图像识别、协同过滤推荐、ECharts数据分析、非遗知识浏览与互动、文创商城订单闭环、文化活动报名签到、社区交流)
javascript·spring boot·mysql·数据分析·echarts·mybatis
Highcharts.js6 小时前
图表开发实战总结| 7 条“黄金法则”与“性能铁律”
前端·javascript·vue.js·编辑器·时序数据库·highcharts
Helix2506 小时前
Electron、WebView 框架与 HTA 对比:桌面应用选型、安全性与现代替代方案
前端·javascript·electron·webview·vbscript·hta·本地html应用
Ikalus19886 小时前
三套 API 都告诉我成功了,浏览器一个字都没收到
javascript