Obsidian Web Clipper是Obsidian官方开发的浏览器插件，支持Chrome、Safari、Firefox、Edge等主流浏览器，可将网页一键转换为Markdown文件，并适配Obsidian功能。安装后需在选项设置中配置Vault名称（需与Obsidian完全一致）和阅读模式样式，使用时点击工具栏图标即可剪藏，支持修剪正文内容及选择存储目的地。插件还能将带有字幕的YouTube视频转为阅读模式并剪藏字幕。
针对豆瓣书籍“一键种草”需求，用户需先明确笔记数据库的字段，包括标题、作者（需从豆瓣抓取）、阅读状态tags（固定为to-read）、创建日期和最后修改日期（用当日变量表示）等。通过豆瓣页面元数据可找到author和title变量，在Obsidian Web Clipper设置中创建个性化模板，使用{{xxx}}语法匹配页面变量，书名设为文件名，正文框可填入模版或用selectorHtml命令获取书籍简介。
自定义模板的构建流程分为两步：从网站抓取字段，再映射到文件属性。用户根据自身阅读记录数据库的栏位需求（如标题、作者、tags、日期）设置模板，即可实现从豆瓣页面一键生成符合数据库格式的.md文件，完成“一键种草”。其他条目如电影、音乐、游戏可如法炮制，体现了利用工具和AI自主定制工作流的理念，减少与工具的妥协。
在上一篇文章中，我把我的豆瓣阅读清单导入到了 Obsidian 中，运用（那时候）新出的 Base 功能管理自己的阅读清单和书籍相关的笔记。朋友们在文章下方也提供了不少新的思路（例如：插件）。
但有一个问题始终很难解决：在豆瓣上，如果看到一本感兴趣的书，我单击一下「想读」就可以种草。但如果我想同步记录到 Obsidian，我却需要手工复制书名、作者等信息。而让人放弃一个工作流的最好方法，就是制造这种「摩擦」。
Obsidian 的 CEO 在最近也亲自下场，提供了一个解决问题的思路：那就是运用他推出的官方剪藏插件 Obsidian Web Clipper，加上根据自己需求自定义的剪藏模版。
Obsidian Web Clipper 是 Obsidian 官方开发的一个浏览器插件，其目标是将所有网页一键转换成适合阅读的 Markdown 文件，也可以将页面转换成友好美观的阅读模式。
从个人的使用体验来看，相较于其他现有的 Markdown 转换插件，这个插件的转换成功率更高，速度更快。更重要的是，由于它是 Obsidian 的第一方插件，可以无缝适配 Obsidian 的各类功能。最近几个月，这款插件也在迅速迭代并且不断推出新的功能。
在电脑端上，可以在 Obsidian 官网中下载这款插件。除了 Chrome 外，插件还支持 Safari、Firefox、Edge，甚至 Arc、Brave 等主流浏览器。如果你使用的是移动端，也可以在 app store 中下载插件，并可以在 Safari 中使用。
安装后开箱即用，但是建议先去 Option （选项）中进行一些设置，例如：
现在，访问任何一个页面的时候，都可以点击工具栏的 Obsidian Logo 就可以启动剪藏工具。工具框分为两部分：
在最下边，可以选择将文件存储目的地，可以选择 Vault （必须在前文设置中登记过）和文件夹。
当然，除了直接剪藏，也可以点击「阅读模式」的图标，进入沉浸式阅读模式。在界面中选中文字也可高亮。
只有文字版的网页可以剪藏吗？显然不是。在最近的更新中，这个插件甚至可以把带有字幕的 YouTube 视频也变成阅读模式，一键阅读和剪藏字幕。点击字幕，还能直接跳转到视频的对应位置。
回到在上篇文章中提到的在 Obisidian 中用 Base 搭建自己的阅读记录系统。从本质上来说，base 中的每一本书是一个 .md 文件。那如果剪藏能抓去页面中的信息，直接生成符合我数据库栏位格式的文件，是不是就能完成「一键种草」？
Obsidian CEO 的使用案例给了我希望。他在自己的示例库中提供了 Goodreads（可以理解为国外版豆瓣）的剪藏模版。于是，我根据我自己的阅读记录数据库的需求，对这份模版进行了更改。整个流程基本分为两步：从网站抓取字段 - 映射到自己的文件属性中。
首先了解一下自己的「一键种草」需要哪些字段。我对于每本书，需要留存以下属性：
其中：
下一步就变成如何从网页中获取标题和作者的字段了。
找到豆瓣任意书籍的页面，点击 Obsidian 按钮。点击工具栏的「…」即可看到这个页面的元数据。其中不难找到 author 和 title 这两个变量。
确认了方法可行之后，我们就可以在 Obsidian Web Clipper 的设置页面中创建个性化的模版了。
点击新建模版，并在 Content 中，按照自己数据库条目的字段顺序和类型，也创建好字段。随后在右边即可开始进行配对。需要从页面获取的变量需要用 {{xxx}} 表示，其他的可以直接填写。另外，书名是每条记录的文件名，我并没有为其创建一个属性字段。因此，{{title}} 这个变量我放在了Note Name 这个字段里。
在下方的正文框中，可以放入自己的读书记录模版，也可以让 Web Clipper 摘取一些更高阶的内容。我根据 Steph 的范例，在 AI 的帮助下成功获取了网页中的书籍简介。
- {{selectorHtml:#link-report .intro|last|markdown}}到这里，整个工作流已经基本成型。可以关闭网页，并在豆瓣网页中尝试一下。对于其他条目，例如电影、音乐、游戏，也可以如法炮制。
我越来越觉得：对于现阶段知识管理的工作流而言，使用者已经无需和工具「将就」了。与其花时间适应别人的工具思路和设置，不如利用手头的工具（包括 AI）自己「手搓」一套自己的方案。从长期来看，自己用得顺手才会让自己持续用下去，而开发、适应所需要的时间和精力也会明显少于以前「削足适履」的经历。
> 关注 少数派小红书，感受精彩数字生活 🍃
> 实用、好用的 正版软件，少数派为你呈现 🚀
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。