下面我给你一份一步一步照着做就能用的完整指南（Windows/macOS 都适用，Chrome/Edge 为例）。
✅ 前提（必须先做好）
- 你电脑上已经安装并打开 Obsidian 客户端（不是网页版）
- 已经有一个 Vault（知识库），并打开着
一、安装 Web Clipper 扩展（2分钟）
Chrome / Edge 浏览器
-
打开 Chrome/Edge 扩展商店：
- Chrome：搜索 Chrome 网上应用店
- Edge：搜索 Edge 加载项
-
搜索：Obsidian Web Clipper（认准官方，图标是 Obsidian 宝石）
-
点 添加到 Chrome / 添加到 Edge → 确认安装
-
安装后：
- 右上角“拼图”图标 → 找到 Obsidian → 固定到工具栏
二、第一次连接 Obsidian（只做一次）
- 确保 Obsidian 已经打开，并且有一个库处于打开状态
- 点浏览器工具栏上的 Obsidian 图标（宝石）
- 弹出面板，会自动 检测本地 Obsidian，显示：
- Vault：你的库名
- 状态：Connected（已连接）
- 如果没自动连上：
- 点右上角 ⚙（设置）
- 选择 Connect to Obsidian → 它会调用
obsidian://协议 → Obsidian 弹出授权 → 允许即可
✅ 关键：全程本地，不用登录、不用账号、不上云
三、第一次剪藏（直接能用）
随便打开一篇网页文章（博客、公众号、新闻都行）：
方式 A：点图标（最常用）
- 点浏览器右上角 Obsidian 宝石图标
- 弹出面板，自动做好这些事：
- 提取标题（Title）
- 提取链接（URL）
- 自动过滤掉广告/导航/侧边栏，只留正文
- 自动转成 Markdown 预览
- 你只需要确认 3 件事：
- ✅ 标题是否正确（可直接改）
- ✅ 正文预览是否干净（不干净就手动选一段文字再点图标）
- ✅ 底部：
- Vault：选你的库
- Folder：选保存到哪个文件夹（比如
01-剪藏）
- 点击 Add to Obsidian（蓝色按钮）→ 完成
打开 Obsidian → 对应文件夹里，立刻多出一个 .md 文件。
四、推荐：用模板（自动加标题/日期/来源）
1）新建模板（Obsidian 里）
- 在 Obsidian 里新建文件夹，命名为
Templates - 新建文件：
网页收藏模板.md，内容直接复制下面：
---
title: {{title}}
source: {{url}}
date: {{date}}
tags: 网页/收藏
---
# {{title}}
{{content}}2）Web Clipper 选择模板
- 点扩展图标 → 面板顶部 Template → 选你刚建的：网页收藏模板
- 以后每次剪藏，自动带上：标题、来源链接、日期、标签，正文 Markdown
五、最常用快捷键（记这 2 个）
Windows / Linux：
- 打开剪藏面板：Ctrl + Shift + O
- 一键快速保存（不弹出面板）：Alt + Shift + O
macOS：
- 打开面板：Cmd + Shift + O
- 快速保存：Opt + Shift + O
六、常见问题（照着排查）
-
点图标没反应/连不上
- 确认：Obsidian 已打开 + 库已打开
- 重启 Obsidian + 重启浏览器
- 扩展设置里点 Reconnect
-
剪出来全是乱的/有广告
- 手动选中正文文字 → 再点图标（优先用选中内容）
- 更新扩展到最新版
-
图片不显示
- Web Clipper 只存图片链接，不下载图片（官方设计）
- 要本地图片需用插件（如 Local Images）
七、你现在立刻可以做的最小测试
- 打开 Obsidian（有库）
- 浏览器装好并固定 Web Clipper
- 随便打开一篇文章
- 点宝石图标 → 确认 → 点 Add to Obsidian
- 去 Obsidian 里看新生成的 md 文件
要不要我直接给你一份中文界面+模板+快捷键+常见报错排查的一页纸速查表，你保存下来以后照着用就行？
相关链接
具体怎么做 | Obsidian + Claude Code 完整真实过程 | Obsidian Web Clipper