【AI前沿】用 Obsidian Web Clipper，让豆瓣种草更容易

用 Obsidian Web Clipper，让豆瓣种草更容易主作者关注Log924少数派作者卖过IPO，拉过存款，写过代码，当过翻译，带过旅游团，出过书。自留地：http://studio67.me/Log924关注Log924少数派作者卖过IPO，拉过存款，写过代码，当过翻译，带过旅游团，出过书。自留地：http://studio67.me/联合作者关注Log924少数派作者卖过IPO，拉过存款，写过代码，当过翻译，带过旅游团，出过书。自留地：http://studio67.me/Log924关注Log924少数派作者卖过IPO，拉过存款，写过代码，当过翻译，带过旅游团，出过书。自留地：http://studio67.me/昨天 15:15在上一篇文章中，我把我的豆瓣阅读清单导入到了 Obsidian 中，运用（那时候）新出的 Base 功能管理自己的阅读清单和书籍相关的笔记。朋友们在文章下方也提供了不少新的思路（例如：插件）。但有一个问题始终很难解决：在豆瓣上，如果看到一本感兴趣的书，我单击一下「想读」就可以种草。但如果我想同步记录到 Obsidian，我却需要手工复制书名、作者等信息。而让人放弃一个工作流的最好方法，就是制造这种「摩擦」。Obsidian 的 CEO 在最近也亲自下场，提供了一个解决问题的思路：那就是运用他推出的官方剪藏插件 Obsidian Web Clipper，加上根据自己需求自定义的剪藏模版。什么是 Obsidian Web ClipperObsidian 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）自己「手搓」一套自己的方案。从长期来看，自己用得顺手才会让自己持续用下去，而开发、适应所需要的时间和精力也会明显少于以前「削足适履」的经历。> 关注少数派小红书，感受精彩数字生活 🍃> 实用、好用的正版软件，少数派为你呈现 🚀811扫码分享目录 0讨论我来说一句发布发表评论发布本文责编：@张奕源Nick#技巧#效率工具8等 8 人为本文章充电扫码分享举报本文章Log924卖过IPO，拉过存款，写过代码，当过翻译，带过旅游团，出过书。自留地：http://studio67.me/关注