Obs169｜功能更強大的分頁顯示外掛：Obsidian Tabs與Tab Panels外掛

先前在Obs143｜分頁式介面的應用：HTML Tabs外掛；增加Obsidian呈現的便利性介紹過以HTML Tabs外掛在筆記裡呈現分頁式的片段，今天介紹的是功能更多的obsidian-tabs外掛與相對簡單的Tab-Panels。

1. Tabs

• 以程式碼區塊，語言使用tabs，即 ```tabs
• 第一行可指定顯示樣式
  • 頁籤位置：top, bottom, left, right
  • 頁籤行數：one, multi
• 雙擊分頁內容可開啟編輯視窗以編輯分頁內容
• 有「Convert selected text to tabs」命令

1.1. 與HTML Tabs的差異

• ---tab JavaScript改成 tab: JavaScript
• Tabs: 最開頭的~~~tabs仍可使用或改成 ````tabs

[!tip] Codeblock Customizer整合
記得將 tabs 加入【Basic】→【Exclude languages】清單裡

2. Tab Panels

• 以程式碼區塊，語言使用tab-panels，即 ```tab-panels
• 每個分頁格式： --- 頁籤
• 頁籤標題不能加HTML標籤

--- 第一個分頁
公式示範
$$
 \begin{cases}
 a_1x+b_1y+c_1z=d_1\\
 a_2x+b_2y+c_2z=d_2\\
 a_3x+b_3y+c_3z=d_3\\
 \end{cases}
 $$

--- 🖼圖片
第二行描述
嵌入圖片

![gh|700](https://raw.githubusercontent.com/emisjerry/upgit/master/2024/1729215597000xfh5k3.png)

--- 分頁Tab5
分頁5

--- 分頁Tab5
分頁5

--- 分頁Tab6
分頁6

--- 分頁Tab7
分頁7

--- 分頁Tab8
分頁8

[!tip] Codeblock Customizer整合
記得將 tab-panels 加入【Basic】→【Exclude languages】清單裡

3. 相關鏈接

解說文章:
obsidian-tab-panels: https://github.com/GnoxNahte/obsidian-tab-panels
obsidian-tabs: https://github.com/xhuajin/obsidian-tabs
obsidian-html-tabs: https://github.com/ptournet/obsidian-html-tabs

4. 教學影片

https://youtu.be/ptuNedSFd9o

＃＃

您可能也會有興趣的類似文章

• Obs143｜分頁式介面的應用：HTML Tabs外掛；增加Obsidian呈現的便利性 (0則留言, 2023/10/15)
• Obs155｜程設師的編程好友：CodeBlock Customizer／Code Styler、Codeblock Tabs、Keyshots (0則留言, 2024/03/09)
• Obs126｜Obsidian 2023/04 7個新外掛介紹與評析 (0則留言, 2023/04/29)
• Obs146｜Obsidian彙總常用說明網站的助手：HelpMate (0則留言, 2023/12/03)
• Obs＃117 | Obsidian表格攻略與表格就地編輯外掛：Table Enhancer (0則留言, 2023/03/19)
• [Obs＃39] 利用CSS變更文字顏色，侵入性小 (0則留言, 2021/05/10)
• Obsidian 1.0新手教學—打造個人知識管理利器，專屬的第二大腦 (2022年) (4則留言, 2022/10/22)
• Obs124｜跳，跳，跳乎伊勇！Obsidian用書籤和標籤快速在檔案間跳轉 (1則留言, 2023/04/23)
• Obs165｜用Copilot (ChatGPT)與Yanki產生Anki的注音閃卡 (0則留言, 2024/08/24)
• Obs160｜Obsidian試算表外掛2024年新選擇：Univer、Sheet Plus (2則留言, 2024/06/30)
• Obs162｜Obsidian簡單且容易操控的Anki新外掛：Yanki (0則留言, 2024/07/28)
• Obs159｜Obsidian術語詞彙整合－Note Definitions外掛 (0則留言, 2024/06/01)
• [Obs＃107] Obsidian全方位搜尋：OmniSearch外掛 (0則留言, 2022/11/20)
• Obs＃119 | 喜新厭舊沒什麼不好－總是開啟在新分頁：Open in New Tab (0則留言, 2023/03/26)
• Obs151｜幫Obsidian加上音樂－生產力火速大漲十倍！使用Soundscapes外掛 (0則留言, 2024/02/08)