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

大家好，今天介紹的外掛名字叫做WonderBox 它是可以美化筆記的內容 還有可以達到重點提示的外掛 它的功能類似Callouts這個語法 它的語法相對於Callouts有簡單了一點點 目前WonderBox只有在閱讀模式才能夠正常顯示 有幾個例外 也就是當我們在閱讀模式的時候 如果你的WonderBox是放在程式碼區塊裏面的話 它依然會渲染 還有在預覽模式下面 如果WonderBox是放在Callouts區塊裏面的話 它也一樣會顯示 可以先來看一下這個範例 下面這個範例就是在Callouts裏面放了WonderBox 這個就是實際的筆記的內容 在最外面是Callouts 在裏面再放上WonderBox的內容 預覽模式一樣會做渲染的操作 WonderBox的語法是很類似 Pandoc裏面的Fenced Divs這一個擴充 基本上就是用三個冒號(:)開頭、三個冒號結尾 所有的WonderBox的內容 要放在三個冒號的裏面 跟Pandoc不同的是它後面屬性的寫法 Pandoc的寫法是比較複雜的 它必須要在大括號裏面 然後用 .callout 的方法來撰寫 但是WonderBox就簡單很多 只要在開頭的三個冒號後面寫上了要顯示的格式 這個格式有很多個 後面再用中括號把要顯示的標題夾在裏面 在三個冒號的下面寫上你要的內容 最後再用三個冒號結尾 這樣子就可以形成WonderBox的顯示區塊了 它的顯示的格式有下面這幾個 有提示、 信息、 注意、 警告、 危險、 成功 錯誤、嚴重、調試、更新、問題 Announcement、Progress、Highlight 有這幾個 這個不同的顯示格式 它設定的背景的顏色也會不一樣 下面實際的看一下範例 這個範例其實很簡單 首先的這個顯示格式使用Highlight 它要出現的標題是這個「Quick Tip」 然後接着就是裏面的內容 最後再用三個冒號結尾 這樣子就是一個很簡單的WonderBox的區塊了 它顯示出來的樣式就是像下面這個樣子 WonderBox會在最右邊顯示覆制跟刪除的按鈕 如果點擊了這個複製以後 它就會把內容複製到系統剪貼簿裏面 如果點擊了這個刪除 它就會把WonderBox裏面的內容清除掉 可以說它其實它的語法是非常簡單 但是目前它還是在渲染上面有一點點小問題 下面我們再看第二個範例 它是使用了Debug的顯示格式 然後在這個裏面 在 prompt 的外面用了兩個星號把它變成粗體 然後接着後面就是一個數學的公式 可以看到在預覽模式下面 這個數學公式並沒有正常的顯示出來 但是如果切換到了閱讀模式 就可以看到這個數學公式有正常的顯示出來 但是它也造成一個問題 它這個複製的按鈕變成了數學公式 這個是它目前系統的一個小bug 因爲我已經有反映了這個狀況 作者應該有在處理 爲了要簡化輸入的一個程序 因此我使用了Templater的腳本 再加上快捷鍵就設定了一個熱鍵 來快速的選擇要使用的 WonderBox的不同的顯示格式 這個腳本很簡單 我們只要產生一個 Cmd-WonderBox.md 這個檔案要放在Templater這個外掛 它能夠操作的資料夾裏面 然後接着就是在這個裏面用 < 開頭 然後 %、* 請注意 因爲爲了顯示的關係 這邊用的是全形的 < 實際上它應該是半形的 < 纔對 這個裏面就定義了一個物件 然後後面再使用tp.system.suggester 來顯示出選用的選單 然後最後再把選用的選單輸出到螢幕上 這個腳本其實是非常簡單 跟我們先前在講Callouts的時候 使用的那個腳本是類似 接着再使用Templater的hotkeys 設定一個熱鍵 也就是在Templater的選項裏面 找到Templater hotkeys 新增一個新的hotkey 接着找到Cmd-WonderBox.md 這樣子就會產生一個新的命令了 然後接着再到快捷鍵的設定檔裏面 找到 Insert Cmd-WonderBox.md 項目 接着按+號 自訂一個熱鍵 這樣子就可以了 在這個地方 我是設定成了[Alt+W] 我們來實際操作一下 首先要確定是在預覽狀態 先進入預覽狀態，在預覽狀態裏面 點擊了[Alt+W]，它就會彈出這個選單 接着就可以選擇要使用的顯示格式 假設我要顯示這個highlight 接着再輸入你要的內容 這個內容其實是會先從系統剪貼簿裏面把它取出來 因此係統剪貼簿如果有內容的話 它就會先貼入這個地方 接着再點擊【Submit】 它就會把這個你輸入的內容產生成你需要的格式了 這個就是我們到時候WonderBox會出現的樣式 進入閱讀模式看一下 它就是顯示出WonderBox的外觀了 第四部分就是如果各位有在使用Pandoc的話 在這邊就是從Obsidian的論壇裏面找到的 如何把Obsidian的語法轉換成 Pandoc的Fenced Divs的格式 也就是可以把這個 Obsidian的Callouts的語法 轉換成Pandoc的語法 它基本上就是在Pandoc命令的後面 加上--lua-filter 然後指定好一個Lua的檔案給它 這個Lua的程式就放在這個地方 我們只要這樣子設定好以後 就可以直接把Obsidian的這個Callouts的語法 轉換成Pandoc的語法了 額外提供這個資訊給大家 以上就是WonderBox 這個可以美化筆記的外掛的相關說明 如果各位覺得我介紹的Obsidian技巧 對於你在平常操作筆記上有幫助的話 請各位記得訂閱、按贊、分享 並且透過【超級感謝】來支持我錄製以後的教學影片 謝謝各位！