Web Clipper 剪辑网页与高亮、阅读模式

装好扩展后，这篇讲日常用得最多的三个功能，剪辑网页、高亮和阅读模式。

剪辑网页

在目标网页上打开 Web Clipper，它会按当前模板的设置自动提取页面内容，显示在剪辑窗口里。确认无误后点 Add to Obsidian，内容就进仓库了。

提取内容的优先级

Web Clipper 默认会智能识别网页正文，自动去掉导航、页脚、广告这些杂项。这个识别引擎叫 Defuddle，大部分文章站效果不错。

但智能提取不是总能猜中你要什么，所以它有一套明确的优先级，从高到低：

1. 当前页面匹配到了自定义模板，按模板的规则提取。
2. 页面上有选中的文本，只存选区。想存整页时用 Ctrl+A（macOS 用 Cmd+A）全选即可。
3. 页面上有高亮，只存高亮内容。
4. 以上都没有，用 Defuddle 智能提取正文。

剪辑结果不满意时，按这个优先级逐级干预就行。最后一篇的常见问题部分还会细讲。

图片不会自动下载

剪辑保存的笔记里，图片仍然是网页上的原始链接，不会下载到本地。好处是省空间，坏处是原图失效或离线时图就没了。

想把图片存进仓库，在 Obsidian 里打开那篇笔记，用命令面板执行 Download attachments for current file，图片就会下载到本地附件目录。这个命令可以绑快捷键。

高亮

高亮（Highlighter）让你在网页上划重点，存进 Obsidian 时只保留划过的部分。高亮会记住在浏览器里，下次打开同一个页面还能看见。

开启高亮

三种方式任选：

• 点剪辑窗口或阅读模式工具栏上的高亮图标。
• 按快捷键，默认 Alt+Shift+H（macOS 是 Opt+Shift+H）。
• 网页上右键，从右键菜单开启。

开启之后，你选中的任何文本、图片、页面元素都会自动加入高亮列表。再按一次同样的操作就退出高亮模式。在阅读模式里选中文字，也会直接弹出高亮选项。

高亮怎么进入笔记

扩展设置里可以选三种方式，它们影响的是模板里的 {{content}} 变量：

想精确控制高亮的输出位置，可以在模板里直接用 {{highlights}} 变量。比如只输出高亮的文字，每条之间空一行：

{{highlights|map: item => item.text|join:"\n\n"}}

模板和过滤器的完整用法见第三篇、第四篇。

查看和导出高亮

所有历史高亮集中在 Settings → Highlighter 的高亮页面里，可以搜索。高亮也能从设置页或高亮页导出成 .json 文件，方便备份或迁移。

阅读模式

阅读模式（Reader）把网页重排成干净的长文视图，去掉一切干扰，专心看内容。

开启方式

• 点剪辑窗口里的书本图标。
• 按快捷键，默认 Alt+Shift+R（macOS 是 Opt+Shift+R）。
• 网页上右键，从右键菜单开启。

同样的操作再执行一次就退出，恢复原网页。

如果绝大多数时候你打开扩展就是为了看文章，可以把单击工具栏图标的行为直接设为进入阅读模式。路径是 Settings → General → Behavior → Open behavior，选 Reader。

阅读视图里有什么

• 文章标题、作者、发布日期和来源域名。
• 正文内容，保留图片和排版。
• 多章节文章会在侧边栏生成大纲，方便跳转。
• 代码块带语法高亮。
• 脚注点击后内联弹出，不用跳来跳去。

自定义阅读体验

在扩展设置里可以调整阅读视图的样式，部分选项也能在阅读模式下直接点字体图标修改：

速查卡片

下一篇进入 Web Clipper 的核心玩法，模板和变量，学会之后可以按网站自动套用不同的剪辑格式。