Notion Web Clipper

悬停高亮 + 单击选取,保留超链接、富文本、表格/折叠块,知乎自动提取作者,高清图标,自动标签,Twitter 优化,大图隐藏按钮。

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

Advertisement:

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

Advertisement:

作者のサイトでサポートを受ける。または、このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
yullll
1日のインストール数
0
累計インストール数
4
評価
0 0 0
バージョン
2.1
作成日
2026/06/28
更新日
2026/07/02
大きさ
64KB
ライセンス
MIT
対象サイト
すべてのサイト

Notion Web Clipper 使用说明书(v1.0)

📌 简介

Notion Web Clipper 是一款油猴脚本,让你在任意网页上悬停高亮 + 单击,将选中的文字、图片、视频一键保存到 Notion 数据库。
针对知乎、Twitter 等网站做了深度优化,自动过滤干扰元素,保留纯净内容。按钮可随意拖拽、贴边隐藏,操作顺手不碍眼。


✨ 核心功能

  • 🖱️ 智能选取:鼠标悬停时自动高亮段落或媒体,单击即可提取。
  • 📝 保留排版:支持标题、列表、引用、代码块等多种内容格式。
  • 🎥 多媒体剪藏:可同时保存文字、高清大图、视频、iframe 嵌入。
  • 🇨🇳 知乎优化:清除按钮、推荐、会员图标,动图转为可播放视频。
  • 🐦 Twitter 优化:详情页一键剪藏主推文 + 全部回复(自动分隔)。
  • 🧹 智能过滤:自动跳过头像、小图标、表情符号等无关图片。
  • 📋 自动属性:可填入页面标题、URL、主图、网站图标(需数据库有对应属性)。
  • 🧲 灵活按钮:右下角 ✂️ 按钮可拖动、贴边半透明隐藏(留半边),鼠标悬停滑出,位置记忆。
  • 📦 分批发送:内容超过 100 块自动分批,不会报错。
  • 🔒 安全无干扰:界面封装在独立的 Shadow DOM 中,不影响网页原有功能。

📥 安装

  1. 确保浏览器已安装 Tampermonkey 扩展(Chrome 版 / Edge 版)。
  2. 点击 安装脚本,在弹出的 Tampermonkey 页面中确认安装。
  3. 刷新任意网页,右下角会出现 ✂️ 剪刀按钮,表示安装成功。

⚙️ 配置 Notion

使用前必须连接你的 Notion 数据库。

① 获取 Integration Token

  • 打开 Notion Integrations
  • 点击 新建集成,命名(如 Web Clipper),关联工作区
  • 复制生成的 Internal Integration Token(以 secret_ntn_ 开头)

② 获取 Database ID

  • 在 Notion 中创建或打开一个数据库(表格)
  • 点击数据库右上角 ...连接 → 添加刚才创建的集成
  • 复制浏览器地址栏中 /notion.so/ 后面的 32 位字符串 作为 Database ID

③ (可选)自定义属性

若想自动填充页面链接、主图、网站图标,请在数据库中创建类型为 URL 的属性,名称严格为:

  • URL —— 当前网页链接
  • Content Image —— 页面主图(og:image)
  • Icon —— 网站 favicon

④ 填入设置

  • 右键点击右下角 ✂️ 按钮,打开设置框
  • 粘贴 Token 和 Database ID
  • (可选)修改标签属性名(默认为 Tags
  • 点击 保存设置

🖱️ 使用方法

剪藏内容

  1. 单击 ✂️ 按钮 → 进入选择模式(光标变指针,顶部出现提示)
  2. 悬停在想保存的区域,蓝色边框会高亮目标
  3. 单击高亮区域,弹出预览窗口
  4. 可修改标题、添加标签(逗号分隔),查看内容预览
  5. 点击 发送,等待片刻后提示成功,并可 打开 Notion 页面

按钮操作

  • 左键点击:进入选取模式
  • 右键点击:打开设置
  • 拖拽:按住左键移动按钮到任意位置
  • 贴边隐藏:拖到屏幕边缘松手,按钮变为半透明并只露出一半
  • 鼠标悬停:放在隐藏的按钮上它会完全滑出,移开自动缩回
  • Esc 键:随时退出选择模式或关闭弹窗

🌐 平台优化详情

知乎(zhihu.com)

  • 自动识别回答卡片,去除赞同、评论、推荐阅读、会员引导等无关内容
  • 过滤盐选会员图标、小头像
  • 动图被提取为视频,避免变成静态

Twitter / X(x.com / twitter.com)

  • 详情页:单击任意位置剪藏主推文 + 全部回复(回复前有 --- 分隔线)
  • 时间线:仅剪藏当前高亮的单条推文

通用网站

  • 悬停高亮段落、图片、视频等,按原文排版提取

❓ 常见问题

Q:右下角没有剪刀按钮?
A:检查 Tampermonkey 是否启用该脚本,并刷新页面。如果使用了其他油猴脚本(如“限制解除”),可能冲突,可尝试暂时禁用。

Q:发送时报错 “API 400:children.length should be ≤ 100”
A:本脚本已自动分批处理,请确认版本为 v1.0 或更高。若仍出现,尝试减少选取内容。

Q:B 站弹幕输入框被自动填充账号?
A:v1.0 已修复此问题。如仍有,请确保 Token 输入框显示为密码模式(可点击 👁️ 切换),并在浏览器密码管理器中删除 bilibili.com 的保存记录。

Q:知乎动图变成了静态 jpg?
A:脚本会将动图转为视频块,Notion 中可播放。若视频无法播放,可能是链接被防盗链限制。

Q:Twitter 只剪藏了主推文没有回复?
A:请确保在推文详情页(地址含 /status/)点击剪藏。

Q:如何更新脚本?
A:在 Tampermonkey 管理面板中右键脚本 → 更新,或等待自动更新。GreasyFork 与 GitHub 同步,更新后自动推送。

Q:如何卸载?
A:在 Tampermonkey 中删除该脚本即可。


🔗 链接

  • GitHub 仓库:https://github.com/yuhaung/notion-web-clipper
  • GreasyFork 页面:https://greasyfork.org/zh-CN/scripts/584654-notion-web-clipper
  • 问题反馈:https://github.com/yuhaung/notion-web-clipper/issues

祝你使用愉快!如果觉得好用,欢迎在 GreasyFork 上点个赞 ⭐