【Obsidian】將B站視頻和筆記保存到本地,無需安裝插件,瀏覽器內(nèi)使用,win、mac皆可

本文分享一個操作簡單的方法,可以將B站視頻和個人筆記保存成?markdown 格式的學(xué)習(xí)清單并下載到本地,保留原來的筆記格式外,還將會自動分割整合不同分P下的筆記內(nèi)容到一起,適合搭配?Obsidian 等筆記軟件進(jìn)行學(xué)習(xí)
該方法使用的 JS 腳本結(jié)合了 @一條小何波浪寬又寬 @熒光閃爍最大化 @Note必利閥 @霖霖的曲爸爸 這幾位up主視頻中的思路和經(jīng)驗,此外,還做了一些符合本人需求的拓展改造,感興趣或有同樣需求的小伙伴,可往下食用
(ps:本文主要介紹如何將B站數(shù)據(jù)拉回本地,還不了解如何使用 Media Extended 和 Media Extended BiliBili Plugin 插件在 obsidian 中進(jìn)行視頻學(xué)習(xí)的小伙伴,可以先搜索其他up主的視頻了解)
一、適合人群
已經(jīng)在B站上寫了很多個人筆記,但苦于B站筆記還沒P功能,每次保存到本地都要手動將筆記內(nèi)容復(fù)制粘貼到對應(yīng)文件中的
每個視頻的筆記內(nèi)容不多,覺得單開一個文件有點浪費,希望將全部內(nèi)容整合成一個文件的
希望在 windows、mac 系統(tǒng)中都可以操作使用的
不打算或不懂安裝使用其他軟件、插件的(不知道有沒有小伙伴跟我一樣是個原皮黨?打算只用默認(rèn)主題和幾個核心功能,如非必要不打算安裝其他功能插件的??)
二、操作步驟
1. 進(jìn)入視頻頁
2. 如果希望同時保存?zhèn)€人筆記,則需提前打開筆記的內(nèi)容面板
3. 打開“開發(fā)者工具(DevTools)”(快捷鍵F12 / 右鍵頁面 - 檢查 / 設(shè)置 - 更多工具 - 開發(fā)者工具)
4. 將開發(fā)者工具切換到“控制臺(Console)”面板,可選擇清除一下控制臺(快捷鍵 Ctrl+L)
5. 復(fù)制下面代碼到控制臺
github+jsdelivr(國外):如遇網(wǎng)絡(luò)不穩(wěn)定可能無法正常使用,可嘗試翻墻或替換為以下代碼
gitee(國內(nèi)):穩(wěn)定但速度較慢,可作為備選
6. 回車執(zhí)行,然后開始根據(jù)提示進(jìn)行選擇,選擇結(jié)束后會自動下載
7. 等待文件下載完成,多文件下載時,請不要提前關(guān)閉當(dāng)前頁面和開發(fā)者工具,否則下載將停止
8. 將下載好的所有筆記文件放進(jìn) obsidian 倉庫即可
9. 注意,請打開 obsidian 再對文件或文件夾進(jìn)行重命名等操作,這樣軟件可以同時修改所有出鏈,當(dāng)然筆記中沒有出鏈的可忽略
10. 另外,如果不想每次都要一步一步進(jìn)行配置的話,可以將 js 源碼復(fù)制到控制臺進(jìn)行操作,源碼注釋中有各項參數(shù)的說明,當(dāng)然,這個可能就需要你懂一點編程知識了

三、個人筆記分割整合規(guī)則
1. 以每一個“時間標(biāo)記”開始位置作為分割點

2. 以筆記開頭到第一個“時間標(biāo)記”開始位置的范圍作為第一個分割塊
3. 以上一個“時間標(biāo)記”開始位置到下一個“時間標(biāo)記”開始位置的范圍作為普通分割塊
4. 以最后一個“時間標(biāo)記”開始位置到筆記末尾作為最后一個分割塊

5. 然后,根據(jù)每一個分割塊內(nèi)的“時間標(biāo)記”所屬分P來判斷該塊屬于哪P視頻的筆記
6. 最后,將對應(yīng)每P的分割塊按順序整合到對應(yīng)筆記下,不含“時間標(biāo)記”的塊將被整合到大的清單筆記下

四、彈窗配置一覽
是否下載全部(條件:合集視頻)

注意:選擇是的話后面將按多視頻處理,選擇否的話將按單視頻處理
是否保持默認(rèn)配置(條件:分P視頻 or 合集視頻 or 打開筆記面板)

注意:選擇是的話將跳過后面多個配置
清單相關(guān)配置(條件:分P視頻 or 合集視頻)
清單風(fēng)格

換行方式

標(biāo)題模式

標(biāo)題級別

注意:只在后面“是否分成多個筆記文件”中選擇“否”有效
個人筆記相關(guān)配置(條件:打開筆記面板)
換行

加粗

斜體

無序列表

代碼塊

是否使用 Wiki 鏈接(條件:分P視頻 or 合集視頻 or 打開筆記面板)

是否分成多個筆記文件(條件:分P視頻 or 合集視頻)

是否需要打包壓縮(條件:無)

注意:選擇否的話文件和圖片將一個一個排隊下載,此操作需要花費一定時間
請輸入視頻的BV號(條件:非視頻頁B站內(nèi))

注意:1、這種方式無法同時下載個人筆記;2、個別瀏覽器個別頁面不支持
五、優(yōu)缺點
優(yōu)點
JS 腳本操作,理論上只要是瀏覽器皆可使用,不分 windows 或 mac 系統(tǒng)(因為本人沒用過 mac 所以沒有測試過??)
不用下載安裝其他軟件、插件,復(fù)制粘貼指定內(nèi)容到瀏覽器內(nèi)即可一鍵執(zhí)行
支持同時保存學(xué)習(xí)清單和個人筆記
盡可能保留了筆記的內(nèi)容格式
缺點
不支持操作本地視頻,有需要的可以看下其他大佬的視頻
不支持單單保存?zhèn)€人筆記
個人筆記的內(nèi)容需符合上面提到的書寫規(guī)格才能正確分割整合,所以需要使用者提前處理一下自己的筆記格式
本人測試能力有限,而每個人的情況都有所不同,使用中可能存在一些 bug,如果導(dǎo)致瀏覽器卡住動不了,請強(qiáng)制關(guān)閉瀏覽器并停止使用該腳本,后續(xù)有新版本的話再做修改
六、最后
如果符合你的需求的話,可嘗試使用。希望對你有所幫助!??
最后特別感謝up主 @一條小何波浪寬又寬 @熒光閃爍最大化 @Note必利閥 @霖霖的曲爸爸