Obs171｜WonderBox：美化筆記的外掛，重點提示與強調關鍵

WonderBox外掛提供了類似Callouts外觀的美化區塊，據有內容強調與重點提示功能。目前WondweBox在閱讀模式才能正常顯示。

[!question] 目前v1.1.2顯示狀態...

• 閱讀模式下，在程式碼區塊裡的WonderBox仍會渲染
• 預覽模式下，在Callouts裡的WonderBox仍會渲染

WonderBox的語法格式類似Pandoc的fenced divs，但不是完全相同：

::: {.callout data-callout="note" title="Note Title"}
Note content
:::

1. WonderBox語法

要顯示的區塊開頭與結尾是三個冒號，開頭冒號後面接顯示格式，後面中括號裡是顯示標題。

[!note] WonderBox語法
:::顯示格式 [標題]
內容
:::

顯示格式有下列幾種：

• tip
• info
• note
• warning
• danger
• success
• error
• critical
• debug
• update
• question
• announcement
• progress
• highlight

2. 範例

:::highlight[Quick tip]
You can use this plugin to organize your notes efficiently!
:::

:::debug[🪲 除錯]
tp.system.**prompt**("Input content：", clip, false, true)
 $$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$
:::

• 有LaTex運算式時有小錯誤
  

  [!note] 預覽模式下，Callout裡可能顯示WonderBox
  :::highlight[Quick tip]
  You can use this plugin to organize your notes efficiently!
  :::
  :::debug[ 除錯]
  tp.system.prompt("Input content：", clip, false, true)
  $$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$
  :::

3. Templater腳本+快捷鍵以快速輸入

1. 在Templater設定資料夾裡新增 Cmd-WonderBox.md
   • https://gist.github.com/emisjerry/b49892562f8c48e5c5eb8c8330aadd99

2. 在Templater外掛選項 Template Hotkeys 裡將Cmd-WonderBox.md設定Hotkey
   

3. 在快捷鍵設定裡將Templater: Insert Cmd-WonderBox.md 指定快捷鍵，下例設定為Alt+W
   

:::highlight[ 重點]
You can use this plugin to organize your notes efficiently!
:::

4. Pandoc

::: {.callout data-callout="note" title="Note Title"}
Note content
:::

> [!NOTE]- Note Title
>
> Note content

Pandoc:

::: {.callout data-callout="note" title="Note Title"}
Note content
:::

• 將含有Obsidian callouts格式的.md檔轉換成 Pandoc fenced-div 格式的.md檔

  pandoc -t markdown --lua-filter obsidian-callouts.lua your_file.md

• obsidian-callouts.lua

  • https://gist.github.com/emisjerry/27220ed6f96d292d189971fc92e04be1

5. 相關鏈接

解說文章:
Chrstn67/WonderBox
https://pandoc.org/MANUAL.html#divs-and-spans
參考: Rendering callouts similarly in Pandoc - Help - Obsidian Forum

6. 教學影片

https://youtu.be/F-z6MDeXbD4

＃＃

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

• [Obs＃55] 建立新筆記的模板設定-Calendar, Templater與QuickAdd (0則留言, 2021/10/09)
• Obs166｜捲土重來的Obsidian Note From Template終於修正小瑕疪而能正確運行了！推薦使用！ (0則留言, 2024/08/25)
• Obs170｜Obsidian的官方網頁擷取工具：Obsidian Web Clipper；設定與使用 (0則留言, 2024/11/24)
• Obs168｜建立From Template模板命令的功能表，快速選取要使用的筆記模板 (0則留言, 2024/09/11)
• Obs165｜用Copilot (ChatGPT)與Yanki產生Anki的注音閃卡 (0則留言, 2024/08/24)
• Obs149-左邊長筆記，右邊卡片的編輯佈局：Query Control, Note Gallary (0則留言, 2024/01/28)
• [Obs＃50] QuickAdd全攻略(一)：改變工作流程的超強外掛 (0則留言, 2021/09/12)
• [Obs＃96] Obsidian分頁調整： CSS樣式與外掛，讓分頁操作更簡便 (0則留言, 2022/09/10)
• Obs153｜快速開啟外掛設定的方法；使用Open Plugin Settings與Advanced URI，透過Templater Hotkeys綁定快捷鍵 (0則留言, 2024/02/28)
• [Obs＃111] 幾個最近使用的外掛：Surfing、Quiet Outline、Colorful Tag、Share as Gist、Commander (0則留言, 2023/01/23)
• [Obs＃31] 美化提示方塊的外掛：Admonitions和方便選用的AutoHotkey腳本 (0則留言, 2021/04/05)
• Obs127｜用Templater Hotkeys簡化Obsidian自動化腳本，詳解4個腳本範例 (0則留言, 2023/05/05)
• [Obs＃45] 軟體工程師必備的6個Obsidian外掛 (0則留言, 2021/08/13)
• Obs126｜Obsidian 2023/04 7個新外掛介紹與評析 (0則留言, 2023/04/29)
• Obs152｜終於能產生書籤與頁碼了！與PDF相關的外掛：Better Export PDF＆PDF++ | 修訂 (0則留言, 2024/02/18)