在数字时代，我们每天都在互联网上浏览和处理大量的信息。Obsidian Web Clipper作为一款浏览器扩展工具，旨在帮助用户更高效地高亮和保存网页内容到Obsidian笔记应用中。本文将详细介绍Obsidian Web Clipper的安装、使用以及开发者如何构建和本地安装该扩展。
Obsidian Web Clipper简介
Obsidian Web Clipper是Obsidian官方推出的网页剪贴工具扩展，它允许用户直接从浏览器中保存网页内容到Obsidian。用户可以高亮网页上的重要信息，并将其以Markdown格式保存，以便在Obsidian中进一步编辑和整理。
安装Obsidian Web Clipper
Chrome和其他基于Chromium的浏览器
- 访问Chrome网上应用店，搜索“Obsidian Web Clipper”并安装。
- 安装完成后，你可以直接在浏览器的扩展列表中找到Obsidian Web Clipper。
Firefox和Firefox Mobile
- 访问Firefox Add-Ons，搜索“Obsidian Web Clipper”并安装。
- 安装完成后，同样可以在浏览器的扩展列表中找到Obsidian Web Clipper。
Safari
- 对于macOS、iOS和iPadOS用户，访问Safari Extensions，搜索“Obsidian Web Clipper”并安装。
- 安装完成后，可以在Safari的扩展管理中找到Obsidian Web Clipper。
使用Obsidian Web Clipper
Obsidian Web Clipper的使用文档可以在Obsidian帮助网站上找到，它涵盖了如何使用模板、触发器、高亮等功能。
使用模板
用户可以创建自定义模板，以便在剪贴网页内容时自动包含特定的格式或元数据。
触发器
触发器允许用户在访问特定网站时自动执行剪贴操作。
高亮和保存
用户可以高亮网页上的重要内容，并将其保存到Obsidian中。Obsidian Web Clipper支持将高亮内容转换为Markdown格式。
开发者构建扩展
对于想要自定义或开发Obsidian Web Clipper的开发者，以下是构建扩展的步骤：
- 运行npm run build命令，这将创建三个目录：dist/（Chromium版本）、dist_firefox/（Firefox版本）和dist_safari/（Safari版本）。
本地安装扩展
Chromium浏览器
- 打开浏览器，访问chrome://extensions。
- 启用开发者模式。
- 点击“Load unpacked”并选择dist目录。
Firefox
- 打开Firefox，访问about:debugging#/runtime/this-firefox。
- 点击“Load Temporary Add-on”。
- 导航到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将成为你不可或缺的助手。
