Obsidian Web Clipper（十一）

11.Web Clipper

Obsidian 官方出品的浏览器扩展，一键将网页保存为本地 Markdown 笔记。

一、安装

通过浏览器插件商店安装

  • 安装后点击浏览器工具栏图标，自动检测已打开的 Obsidian 仓库并关联。
  • 设置中文：点击图标 → 设置（齿轮）→ 常规 → Language → 简体中文。

二、核心功能

1. 整页剪藏

  • 点击扩展图标 → 「添加到 Obsidian」
  • 自动提取：正文（去广告/侧边栏）、标题/作者/日期、URL、代码块（保留语法高亮）、数学公式（LaTeX）

2. 高亮剪藏

  • 选中页面文字/图片 → 点击扩展图标（或右键）→「高亮选中内容」
  • 高亮内容以引用块（>）形式保存，再次访问网页时可看到高亮
  • 可多次高亮，最后点击「添加到 Obsidian」一次性保存

三、模板：让剪藏更智能

模板可针对不同网页定制保存结构（笔记名、文件夹、属性、正文）。

1.内置模板类型

模板类型 提取内容 适用场景
文章模板 自动填入 author、published、description，正文以文章格式保存 阅读内容、博客、新闻
食谱模板 提取食材列表（自动转为待办复选框 - [ ]）、步骤、营养信息 烹饪清单管理，配合 Tasks 插件体验更佳
电影/书籍模板 提取导演、评分、时长、主演、简介等 配合 Dataview 插件制作观影记录数据库
学术论文模板 完整保留代码块和 LaTeX 公式 arxiv、ACM Digital Library 等学术网站

2.创建自定义模板

设置 → 模板 → 新建模板

配置项 说明 示例
模板名称 模板的标识名称 「YouTube 视频」「GitHub 仓库」
笔记名称 支持变量 Obsidian Web Clipper（十一）或1781523600000-Obsidian Web Clipper（十一）
保存位置 指定仓库中的文件夹 Clippings/Articles
Properties 笔记顶部自动填入的结构化属性（YAML 前置元数据） author、published、tags 等
笔记正文 完全自定义的 Markdown 模板 可嵌入变量和任意 Markdown 内容

3.模板自动触发

设置「模板触发条件」（URL 包含关键字），访问特定网站时自动应用模板：

触发条件 自动应用
URL 包含youtube.com YouTube 模板
URL 包含arxiv.org 论文模板
URL 包含amazon.com 购物模板

4.模板变量速查

常用预设变量

变量 说明
​{{title}} 页面标题
​{{url}} 当前 URL
​{{author}} 作者
​{{published}} 发布日期
​{{description}} 页面描述
​{{content}} 正文（Markdown）
​{{highlights}} 所有高亮内容
​{{date}} 当前日期
​{{site}} 网站名称
​{{domain}} 域名
​{{image}} 社交分享图片 URL
​{{words}} 字数统计

高级变量：（查阅官方文档）

四、实用模板示例：文章剪藏

笔记名称：{{date:YYYY-MM-DD}} {{title}}

保存位置：Clippings/Articles

Properties（YAML） ：

span style="color: green;">
category: Clippings
author: "{{author}}"
published: "{{published}}"
source: "{{url}}"
site: "{{site}}"
description: "{{description}}"
tags: [clippings, articles]

笔记正文：

> [!info] 来源
> 作者：{{author}} | 发布于：{{published}} | [原文链接]({{url}})

{{content}}

五、隐私与数据所有权

  • 所有内容存储在本地 .md 文件中，不上传任何服务器
  • 高亮和设置可导出为 JSON，无锁定风险
  • 仅当使用 AI 提示变量 时，数据会发送给配置的 AI 服务提供商（如 OpenAI）

六、常见问题

问题 解决方法
剪藏后 Obsidian 找不到文件 检查扩展设置中的「仓库」是否正确，「笔记位置」文件夹是否存在
正文提取不准确（含广告/导航） 模板正文改用 {{selector:article}}​ 或 {{selector:.post-content}}
能否保存到多个仓库 扩展设置「通用」中添加多个仓库，每个模板可指定目标仓库

七、更多资源

一句话总结：Obsidian Web Clipper 将任何网页一键保存为本地 Markdown 笔记，配合模板可实现按网站自动分类、提取元数据、高亮剪藏等高级功能，所有数据归你所有，是构建个人知识库的必备工具。