Obsidian Web Clipper：强大且便捷的网页剪贴工具

在数字时代，我们每天都在互联网上浏览和处理大量的信息。Obsidian Web Clipper作为一款浏览器扩展工具，旨在帮助用户更高效地高亮和保存网页内容到Obsidian笔记应用中。本文将详细介绍Obsidian Web Clipper的安装、使用以及开发者如何构建和本地安装该扩展。

Obsidian Web Clipper简介

Obsidian Web Clipper是Obsidian官方推出的网页剪贴工具扩展，它允许用户直接从浏览器中保存网页内容到Obsidian。用户可以高亮网页上的重要信息，并将其以Markdown格式保存，以便在Obsidian中进一步编辑和整理。

安装Obsidian Web Clipper

Chrome和其他基于Chromium的浏览器

1. 访问Chrome网上应用店，搜索“Obsidian Web Clipper”并安装。
2. 安装完成后，你可以直接在浏览器的扩展列表中找到Obsidian Web Clipper。

Firefox和Firefox Mobile

1. 访问Firefox Add-Ons，搜索“Obsidian Web Clipper”并安装。
2. 安装完成后，同样可以在浏览器的扩展列表中找到Obsidian Web Clipper。

Safari

1. 对于macOS、iOS和iPadOS用户，访问Safari Extensions，搜索“Obsidian Web Clipper”并安装。
2. 安装完成后，可以在Safari的扩展管理中找到Obsidian Web Clipper。

使用Obsidian Web Clipper

Obsidian Web Clipper的使用文档可以在Obsidian帮助网站上找到，它涵盖了如何使用模板、触发器、高亮等功能。

使用模板

用户可以创建自定义模板，以便在剪贴网页内容时自动包含特定的格式或元数据。

触发器

触发器允许用户在访问特定网站时自动执行剪贴操作。

高亮和保存

用户可以高亮网页上的重要内容，并将其保存到Obsidian中。Obsidian Web Clipper支持将高亮内容转换为Markdown格式。

开发者构建扩展

对于想要自定义或开发Obsidian Web Clipper的开发者，以下是构建扩展的步骤：

1. 运行npm run build命令，这将创建三个目录：dist/（Chromium版本）、dist_firefox/（Firefox版本）和dist_safari/（Safari版本）。

本地安装扩展

Chromium浏览器

1. 打开浏览器，访问chrome://extensions。
2. 启用开发者模式。
3. 点击“Load unpacked”并选择dist目录。

Firefox

1. 打开Firefox，访问about:debugging#/runtime/this-firefox。
2. 点击“Load Temporary Add-on”。
3. 导航到dist_firefox目录并选择manifest.json文件。

第三方库

Obsidian Web Clipper使用了多个第三方库来增强其功能：

• webextension-polyfill：用于浏览器兼容性。
• readability：用于内容提取。
• turndown：用于将HTML转换为Markdown。
• dayjs：用于日期解析和格式化。
• lz-string：用于压缩模板以减少存储空间。
• lucide：用于图标。
• mathml-to-latex：用于将MathML转换为LaTeX。

结论

Obsidian Web Clipper是一个强大的工具，它极大地简化了从网页到Obsidian的知识管理流程。无论是学生、研究人员还是专业人士，都可以利用这个工具高效地收集和整理网络信息。随着个人知识管理的需求日益增长，Obsidian Web Clipper将成为你不可或缺的助手。