摘要：在B站（Bilibili）学习技术教程已经成为很多开发者的日常。但视频学习最大的痛点在于笔记难做：频繁暂停、切换窗口、手动记录时间轴，严重打断学习心流。今天为大家介绍一款开源神器——BiliNote。它专为B站设计，让你在同一个界面内实现视频播放与Markdown笔记的无缝同步，点击笔记即可跳转视频进度，彻底重构你的视频学习工作流！
😫 一、 B站学习的痛点，你中了几条？
作为一名热爱学习的技术人，B站无疑是最大的知识宝库。从全套的 Java 教程到最新的 AI 模型讲解，应有尽有。
但是，当我们试图认真学完一套课程并做笔记时，往往会陷入一种痛苦的循环：
看到关键知识点，按下空格暂停。
Alt + Tab切换到 Notion/Obsidian/记事本。凭记忆记下核心内容。
为了以后能回顾，手动记下时间点：“（此处在 12:45）”。
切回视频，继续播放，思路已经断了一半。
这种割裂感极大地降低了学习效率。我们真正需要的是一种沉浸式的、所见即所记的体验。
这正是开源项目BiliNote诞生的初衷。
下面这张概念图很好地展示了 BiliNote 的核心理念：将视频流与知识流融为一体。
✨ 二、 BiliNote 核心亮点：重新定义视频学习
BiliNote 通常以浏览器扩展或独立应用的形式存在，它巧妙地在 Bilibili 播放页面旁“寄生”了一个强大的笔记面板。
1. ⏱️ 时间轴一键打点（Killer Feature）
这是最核心的功能。当视频讲到关键处，你只需在笔记区按下快捷键（通常是Ctrl+I或点击按钮），BiliNote 会自动插入当前视频的时间戳链接（如[05:32]）。
**最妙的是：**当你复习笔记时，点击这个时间戳，视频播放器会立刻跳转到对应时刻！再也不用手动拖动进度条寻找那个“灵光一现”的瞬间了。
2. 📝 原生 Markdown 支持
对于开发者而言，Markdown 是记录代码和技术文档的最佳格式。BiliNote 完美支持 Markdown 语法：
代码块高亮
多级标题
列表与引用
粗体、斜体强调
3. 🖥️ 沉浸式分屏体验
BiliNote 会自动调整 B站播放页面的布局，形成左侧视频、右侧笔记的“分屏模式”，最大化利用屏幕空间，从此告别窗口切换。
让我们来看看 BiliNote 实际运行时的界面，左侧是正在播放的编程教学，右侧是实时记录的带有时间戳的 Markdown 笔记。
🛠️ 三、 快速上手实战（以浏览器扩展为例）
注：BiliNote 是一个开源项目的统称，市面上有多个优秀的实现版本（如 Bilibili Note Helper、BiliNote-Plus 等）。以下步骤以最常见的浏览器扩展形式为例。
步骤 1：安装扩展
通常你需要前往 Chrome Web Store 或 Edge 扩展商店，搜索相关关键词（如 "Bilibili Note"），选择高评分的扩展进行安装。
(对于开源爱好者，你也可以直接去 GitHub 下载项目的 Release 包，开启开发者模式加载解压后的扩展)
步骤 2：开启笔记之旅
打开任意一个 Bilibili 视频页面。
你会发现页面侧边或底部多了一个笔记图标，点击它，笔记面板就会滑出。
在视频播放过程中，遇到重点，直接在面板中开始打字。
步骤 3：使用时间戳
需要记录当前画面时，点击面板上的“插入时间戳”按钮（或使用快捷键）。
笔记中会出现类似 [03:21] 的蓝色链接。试着点击它，视频进度条就会神奇地跳过去！
步骤 4：导出你的知识成果
学完一章后，你的笔记面板里已经记满了带有时间锚点的干货。
点击笔记面板顶部的“导出”按钮，通常支持导出为 .md (Markdown) 文件或 PDF。
导出的 Markdown 文件可以直接导入到 Obsidian、Notion 或 Typora 中进行永久归档，且时间戳链接依然有效（部分实现支持点击跳转回 B站页面）。
下图展示了从 BiliNote 导出后的高质量 Markdown 笔记，格式清晰，重点突出，且保留了时间戳。
📝 四、 总结与开源精神
BiliNote不仅仅是一个工具，它代表了一种更高效、更专注的学习方式。它解决了视频学习中“看时爽，看完忘，复习难”的根本问题。
作为一个开源项目（或一类开源项目的统称），它凝聚了开发者们为了解决自身痛点而付出的努力。如果你觉得这个工具帮助到了你：
去 GitHub 上给项目点一个 Star ⭐️，这是对开发者最大的鼓励。
提出 Issue 或 PR，参与到项目的改进中来，让它变得更好用。
分享给你的同学和同事，让更多人从低效的笔记方式中解放出来。
赶快去应用商店搜索安装，开启你全新的 B站学习之旅吧！🚀
如果你喜欢这类效率工具的推荐，欢迎点赞、收藏、评论三连！你的支持是我持续分享的动力！
