在上一篇文章中，我把我的豆瓣阅读清单导入到了 Obsidian 中，运用（那时候）新出的 Base 功能管理自己的阅读清单和书籍相关的笔记。朋友们在文章下方也提供了不少新的思路（例如：插件）。

但有一个问题始终很难解决：在豆瓣上，如果看到一本感兴趣的书，我单击一下「想读」就可以种草。但如果我想同步记录到 Obsidian，我却需要手工复制书名、作者等信息。而让人放弃一个工作流的最好方法，就是制造这种「摩擦」。

Obsidian 的 CEO 在最近也亲自下场，提供了一个解决问题的思路：那就是运用他推出的官方剪藏插件 Obsidian Web Clipper，加上根据自己需求自定义的剪藏模版。

什么是 Obsidian Web Clipper

Obsidian Web Clipper 是 Obsidian 官方开发的一个浏览器插件，其目标是将所有网页一键转换成适合阅读的 Markdown 文件，也可以将页面转换成友好美观的阅读模式。

从个人的使用体验来看，相较于其他现有的 Markdown 转换插件，这个插件的转换成功率更高，速度更快。更重要的是，由于它是 Obsidian 的第一方插件，可以无缝适配 Obsidian 的各类功能。最近几个月，这款插件也在迅速迭代并且不断推出新的功能。

在电脑端上，可以在 Obsidian 官网中下载这款插件。除了 Chrome 外，插件还支持 Safari、Firefox、Edge，甚至 Arc、Brave 等主流浏览器。如果你使用的是移动端，也可以在 app store 中下载插件，并可以在 Safari 中使用。

安装后开箱即用，但是建议先去 Option （选项）中进行一些设置，例如：

• 在 General - Vault 中可以设置剪藏文件的本机目的地 Vault。可以设置多个 Vault，但注意：Vault 的名称需要与 Obsidian 中完全一样
• 在 Vault 下方可以看到一些常见功能的快捷键，如果有需要的话，可以在这边更改
• 在 Reader 选项卡中，可以自定义阅读模式的页面样式

现在，访问任何一个页面的时候，都可以点击工具栏的 Obsidian Logo 就可以启动剪藏工具。工具框分为两部分：

• 上半部分是属性，Obsidian 根据默认的模版生成了一些关键要素（在后文的自定义模版中可以更改）
• 下半部分是正文的剪藏。如果需要修剪，可以在这个文本框中直接进行。从剪藏效果来看，这个插件可以完美识别少数派的文章（除了会把目录放到最后）

在最下边，可以选择将文件存储目的地，可以选择 Vault （必须在前文设置中登记过）和文件夹。

当然，除了直接剪藏，也可以点击「阅读模式」的图标，进入沉浸式阅读模式。在界面中选中文字也可高亮。

只有文字版的网页可以剪藏吗？显然不是。在最近的更新中，这个插件甚至可以把带有字幕的 YouTube 视频也变成阅读模式，一键阅读和剪藏字幕。点击字幕，还能直接跳转到视频的对应位置。

技术小白也能自定义模版

回到在上篇文章中提到的在 Obisidian 中用 Base 搭建自己的阅读记录系统。从本质上来说，base 中的每一本书是一个 .md 文件。那如果剪藏能抓去页面中的信息，直接生成符合我数据库栏位格式的文件，是不是就能完成「一键种草」？

Obsidian CEO 的使用案例给了我希望。他在自己的示例库中提供了 Goodreads（可以理解为国外版豆瓣）的剪藏模版。于是，我根据我自己的阅读记录数据库的需求，对这份模版进行了更改。整个流程基本分为两步：从网站抓取字段 - 映射到自己的文件属性中。

首先了解一下自己的「一键种草」需要哪些字段。我对于每本书，需要留存以下属性：

其中：

• 标题、作者都是需要从豆瓣直接抓取的
• tags 是我的阅读状态，所有「种草」的书在一开始都应该是想读（我写为 to-read），可以固定在模版中
• 创建日期和最后修改日期默认都是当日，可以用一个变量表示
• 其他的栏位我可以自己输入

下一步就变成如何从网页中获取标题和作者的字段了。

找到豆瓣任意书籍的页面，点击 Obsidian 按钮。点击工具栏的「…」即可看到这个页面的元数据。其中不难找到 author 和 title 这两个变量。

确认了方法可行之后，我们就可以在 Obsidian Web Clipper 的设置页面中创建个性化的模版了。

点击新建模版，并在 Content 中，按照自己数据库条目的字段顺序和类型，也创建好字段。随后在右边即可开始进行配对。需要从页面获取的变量需要用 {{xxx}} 表示，其他的可以直接填写。另外，书名是每条记录的文件名，我并没有为其创建一个属性字段。因此，{{title}} 这个变量我放在了Note Name 这个字段里。

在下方的正文框中，可以放入自己的读书记录模版，也可以让 Web Clipper 摘取一些更高阶的内容。我根据 Steph 的范例，在 AI 的帮助下成功获取了网页中的书籍简介。

- {{selectorHtml:#link-report .intro|last|markdown}}

到这里，整个工作流已经基本成型。可以关闭网页，并在豆瓣网页中尝试一下。对于其他条目，例如电影、音乐、游戏，也可以如法炮制。

最后说两句

我越来越觉得：对于现阶段知识管理的工作流而言，使用者已经无需和工具「将就」了。与其花时间适应别人的工具思路和设置，不如利用手头的工具（包括 AI）自己「手搓」一套自己的方案。从长期来看，自己用得顺手才会让自己持续用下去，而开发、适应所需要的时间和精力也会明显少于以前「削足适履」的经历。

> 关注 少数派小红书，感受精彩数字生活 🍃

> 实用、好用的 正版软件，少数派为你呈现 🚀