精选的想法、故事和创意,全部汇集于此!

文章背景图

B站视频一键保存到 Obsidian:打通本地知识库

2026-08-12
8
-
- 分钟

本文由deepseek通过以下视频提炼

https://www.bilibili.com/video/BV15qQwB4EZ9/

需求

收藏 B 站视频很容易,但收藏了之后呢?我的真实体验是:收藏夹打开的概率极低、内容不方便搜索,而且收藏的内容还可能消失。

Obsidian 官方有 Web Clipper 插件,可以把网页内容(博客、文章)直接保存成 Markdown 存到本地,甚至带字幕的油管视频也能存。但它对 B 站做了 0 适配——在 B 站页面点它,只会得到一堆你不想要的内容。

而我恰恰最需要这个场景:B 站是国内最大的「知识学习平台」,把视频字幕沉淀进本地知识库,再交给 AI 总结、整理、搜索,之后无论是学习还是找资料,都能在本地完成。

所以我需要的其实是一个 Obsidian Web Clipper for Bilibili:在 B 站视频页点一下,抓取当前视频的字幕,一键写入 Obsidian 指定目录。

思路

核心逻辑其实很简单,两步:

  1. 浏览器插件从 B 站视频页抓取字幕(作者字幕 + AI 字幕,支持多语言);

  2. 通过 Obsidian Local REST API 把字幕写成本地 Markdown 文档,而不是手动复制粘贴。

这套插件是作者用 Codex vibe coding 出来的,作为一个不懂代码的人,他觉得挺好用。下面把安装、配置、结合 AI 的完整流程讲一遍,顺带分享 vibe coding 过程中踩过的坑。

功能

  • 在任何有字幕的视频页点击插件,抓取当前视频字幕,包括作者上传字幕和 AI 生成字幕;

  • 字幕有多语言版本可选,预览内容实时切换,点刷新按钮重新获取;

  • 一键复制完整 Markdown(视频简介 + 章节 + 字幕),可以粘贴到任何地方;

  • 下载 srt / txt 文本,方便作为附件上传给 AI 笔记工具(如 TouchNote、NotebookLM);

  • 一键保存到 Obsidian 指定目录

安装步骤

  1. 到 GitHub Release 下载最新版(V1.0 压缩包),在本地任意目录解压;

  2. 打开 Chrome / Edge 扩展页,开启开发者模式

  3. 点击「加载已解压的扩展程序」,选中解压后的目录;

  4. 最好在浏览器右上角把插件置顶,方便调用;

  5. 打开任意带字幕的 B 站视频,点击插件获取字幕。

如果提示出错、或者明明有字幕却获取不到,刷新一下视频网页再点一次,基本就好了。

配置保存到 Obsidian

复制和下载不需要任何设置,但「保存到 Obsidian」需要借助一个工具:Local REST API 插件。它给 Obsidian 开一个本地直连接口,让浏览器插件/脚本可以直接把 md 文件写进知识库,而不走手动复制粘贴。

  1. 安装 Obsidian Local REST API 插件(第三方,约 30 万下载量、GitHub 2000+ star);

  2. 在插件设置里勾选开启 HTTP 服务(端口 27123)。为什么不用默认的 HTTPS?因为走加密传输要下载证书导入系统钥匙串,比较麻烦;个人电脑本地使用,没必要加密;

  3. 复制插件给出的 API Key,粘贴到浏览器插件设置里;

  4. 设置默认保存目录(默认 Clippings/bilibili),保存;

  5. 回到视频页,点「保存到 Obsidian」,提示已写入后,去 Obsidian 对应目录就能找到刚才的内容——有简介、有章节、视频链接直接嵌入笔记里。

结合 AI:剩下的交给 AI 整理

内容进来之后,剩下的工作完全可以交给 AI:

  • Obsidian 里用 Terminal 插件直接跑终端命令调 Claude,或者用更省事的 Claudian 插件;

  • 关键技巧:在仓库里写一个 CLAUDE.md,把输出规范定死——格式化要求、外语翻译要求、命名要求、输出位置……AI 就会按这个规范把纯文本字幕整理成易读的结构化笔记;

  • 整理完的笔记移到指定文件夹(比如「CC 内容」),原文件归档到「已归档」文件夹,以防以后还要用。

比起原始字幕文本,格式化后的笔记好读太多,而且随时能被搜索到。

过程分享:vibe coding 踩的两个坑

插件作者分享的开发过程,也是我 vibe coding 常遇到的状况:

  1. 字幕抓错,来回拉扯好几轮。经常抓到不相干的字幕,或者明明没有字幕却抓到一条,这是很明显的 bug。Codex 每次说想到方案、改完问题还在。最后换了个思路:换模型来诊断——用 Google Antigravity 里的 Opus 4.5 免费额度分析问题、给出方案,再把方案丢给 Codex 评估优化,这才解决。「你这个 AI 不干,有的是别的 AI 来干」。

  2. 优化把功能优化没了。插件写好后让 Codex 检查冗余代码、做优化,结果本来好的功能不能用了。幸好之前用 git 管理了版本,直接回退。以前总觉得 git 麻烦,但实际上 AI 在开发过程里会自动帮你提交,用起来毫无负担,能大幅降低翻车风险。

参考资料

原创

B站视频一键保存到 Obsidian:打通本地知识库

本文链接: B站视频一键保存到 Obsidian:打通本地知识库

本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

评论交流

文章目录