[!info] related notes

• Obsidian插件完全索引
• Readwise Official插件详细指南

---

Obsidian Web Clipper 插件详细指南

核心功能：网页剪藏、高亮标注、模板化保存、离线阅读 难度级别：⭐⭐ 推荐指数：⭐⭐⭐⭐⭐ 必装程度：强烈推荐（资料收集入口）

---

一句话介绍

Obsidian Web Clipper 是官方出品的浏览器扩展，让你一键将网页内容保存为 Markdown 笔记，是学习闭环中「资料收集」的第一站。

适合我的原因

学习的第一步是收集有价值的资料。Web Clipper 让你在网上看到好文章、教程、文档时，一键保存到 Obsidian，自动转为 Markdown 格式，可以后续整理成知识笔记。特别适合：

• 收集技术文档和教程
• 保存有价值的文章供后续阅读
• 高亮标注网页重点内容
• 建立个人阅读清单

核心功能

• 网页剪藏：一键将网页转为 Markdown 保存到 Obsidian
• 高亮标注：在网页上直接高亮文字，只保存高亮部分
• 自定义模板：使用模板控制保存格式，支持变量和逻辑语句
• 本地图片保存：网页图片自动下载到本地（需 Obsidian v1.8.0+）
• 跨浏览器支持：Chrome、Firefox、Safari、Brave、Arc、Edge
• 移动端支持：Safari (iOS/iPadOS) 可用
• 内容净化：使用 DOMPurify 清理 HTML，确保安全

典型使用场景

场景 1：收集技术文档

你在看一篇关于 React Hooks 的教程
→ 点击浏览器中的 Web Clipper 图标
→ 选择"剪藏全文"或"剪藏高亮"
→ 自动保存到 Obsidian 的指定文件夹
→ 后续整理成学习笔记

场景 2：高亮标注式阅读

你在阅读一篇长文
→ 用 Web Clipper 高亮重要段落
→ 只保存高亮内容 + 来源链接
→ 形成精炼的素材笔记

场景 3：批量收集阅读清单

周末浏览技术博客
→ 看到好文章就快速剪藏
→ 保存到 "Inbox/Reading" 文件夹
→ 下周安排时间整理和学习

推荐配置

浏览器扩展设置：

## 保存位置
- Default folder: "Inbox/Clippings"
- 或按主题分文件夹

## 模板设置
- 使用默认模板即可
- 高级用户可自定义模板，添加 frontmatter

## 图片设置
- ✅ Save images locally（保存图片到本地）
- 图片保存到 assets 文件夹

## 快捷键
- Chrome: 点击扩展图标 或 自定义快捷键
- Firefox: 点击扩展图标

可搭配插件

插件	搭配方式
Templater	创建剪藏后的整理模板
QuickAdd	快速将剪藏笔记归类到不同项目
Dataview	统计未整理的剪藏数量
Readwise Official	互补——Web Clipper 剪藏网页，Readwise 同步电子书/文章高亮

使用成本

• 学习成本：低 — 安装后点击图标即可使用
• 配置复杂度：低 — 默认配置可用，模板可选自定义
• 长期维护成本：低 — Obsidian 官方维护，4700+ stars，活跃开发
• 移动端：✅ iOS/iPadOS Safari 支持

注意事项

• 这是浏览器扩展，不是 Obsidian 社区插件——需要在浏览器扩展商店安装
• 保存图片需要 Obsidian v1.8.0 以上版本
• 某些网站有反爬机制，可能无法完整剪藏
• 建议剪藏后及时整理，避免 Inbox 堆积过多未处理内容

我的使用建议

• 是否建议安装：✅ 强烈建议
• 是否建议立刻使用：✅ 安装后即可在浏览网页时使用
• 是否适合作为核心插件：✅ 是，学习闭环中「资料收集」的核心入口
• 对我的具体使用建议：
  1. 设置剪藏默认保存到 Inbox/Clippings 文件夹
  2. 养成”看到好内容就剪藏”的习惯，不要想着”以后再找”
  3. 每周安排一次 Inbox 清理，将剪藏整理成知识笔记
  4. 配合 QuickAdd 的 Capture 功能，快速添加阅读笔记

资料来源

• Obsidian Web Clipper GitHub — 官方仓库
• Obsidian 官方博客 — 发布公告
• 各浏览器扩展商店搜索 “Obsidian Web Clipper”

关联笔记

• Obsidian 插件总览
• Readwise Official 插件指南