# Obs149-左邊長筆記，右邊卡片的編輯佈局：Query Control, Note Gallary

有網友在Facebook的Obsidian社團問了一個問題：Obsidian如何比照Writeathon 写拉松的編輯佈局－左邊是長筆記，右邊是卡片的形式來方便撰寫內容。我試了下Writethon，它的編輯形式如下，左邊是編輯主體的筆記，右邊是參考的卡片（相關的其他筆記），卡片右上角的選項有複製引用和複製兩個功能，右邊也有搜尋卡片的輸入欄位可過濾出特定的卡片：

我想到的在Obsidian裡實現類似形式的方法有兩個。

因為Obsidian預設沒有卡片式的瀏覽面板，因此額外建立一個工作用的筆記，以Query Control外掛或Note Gallery外掛來形成搜尋筆記的的過濾呈現樣式。

1. Query Control Plugin

[!WARNING]+ 注意❗
Query Control外掛尚未上架，請自行安裝或使用BRAT安裝。

1.1. 使用步驟

在工作筆記上以程式碼區塊輸入搜尋關鍵字與 tag 等條件，以顯示符合條件的筆記清單。

```query
美化
tag: #obsidian
renderMarkdown: false

1.2. 顯示筆記內容

1.2.1. 搭配Hover Editor

Query Control只會顯示關鍵字所在該行內容，無法顯示全部內容。可搭配顯示Hover Editor，在鏈接上按 Ctrl 以Hover Editor開啟筆記。

1.2.2. 搭配Callout/Admonition語法

另一個方法是複製搜尋結果，貼上後再於鏈接開頭加上 ! 以顯示其內容。可再搭配Callout語法(或Admonition)語法以形成摺疊式的樣式。

若清單行數較多時，可以使用正則運算式快速替換。若要在Obsidian裡使用正則運算式替換的話，可使用Global Search and Replace外掛。

• Search: ^- (.*)
• 替換為Callout: > [!NOTE]- $1\n> !$1\n
• 替換為Admonition:

  ``ad-note\n!$1\n``\n

2. Note Gallery Plugin

2.1. 使用步驟

在工作筆記上以程式碼區塊(不使用倒引號，使用三個波浪號)輸入搜尋query條件，以卡片格式顯示符合條件的筆記。

[!TIP]+ 技巧
query欄位可使用正則運算式：'/正則運算式/'

~~~~note-gallery     #           default | options
query: 'tag:#obsidian 美化'  # optional: anything you'd put into an obsidian search query
                     # make sure to wrap into single quotes for any regex e.g.: '/\d/'
debugQuery: false    # optional: false | true - display native search results to debug
#path: 300-R興趣/300-02-筆記工具/Obsidian          # optional: current note folder | path/to/folder - you don't **need**
                     # to use path if you are using query, path will source additional notes
recursive: true      # optional: true | false
limit: 20            # optional: 0 | any number
sort: desc           # optional: desc | asc
sortBy: mtime        # optional: mtime | ctime | name
fontSize: 6pt        # optional: 6pt | NUMBERpt | NUMBERpx
showTitle: false     # optional: true | false
~~~~

3. 相關鏈接

✅Query Control Github：未上架，手動安裝或使用BRAT
✅Hover Editor GitHub
✅Global Search and Replace
✅Note Gallery GitHub

4. 教學影片

＃＃

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

• Obs140｜Obsidian進階全文檢索與複製結果的外掛－Query Control、Better Search View、Float Search、Text Expand、File Cooker (0則留言, 2023/09/15)
• Obs135｜解鎖簡易Dataview查詢：驚人的SQL技巧，使用Query All The Things(QATT)外掛 (0則留言, 2023/08/19)
• Obs124｜跳，跳，跳乎伊勇！Obsidian用書籤和標籤快速在檔案間跳轉 (1則留言, 2023/04/23)
• [Obs＃77] 浮動式編輯窗格：Hover Editor　 (0則留言, 2022/03/19)
• [Obs＃35] Buttons外掛開啟筆記自動化操作契機 (0則留言, 2021/04/23)
• [Obs-74] 和外掛相關的外掛─BRAT: 搶先體驗未上架外掛；Settings Search: 加速搜尋外掛設定 (0則留言, 2022/03/05)
• [Obs＃96] Obsidian分頁調整： CSS樣式與外掛，讓分頁操作更簡便 (0則留言, 2022/09/10)
• [Obs＃56] 快速新增靈感／閃念筆記(Fleeting Note)的3種方法 (0則留言, 2021/10/10)
• Obsidian 1.0新手教學—打造個人知識管理利器，專屬的第二大腦 (2022年) (4則留言, 2022/10/22)
• Obs＃117 | Obsidian表格攻略與表格就地編輯外掛：Table Enhancer (0則留言, 2023/03/19)
• Obs127｜用Templater Hotkeys簡化Obsidian自動化腳本，詳解4個腳本範例 (0則留言, 2023/05/05)
• [Obs＃107] Obsidian全方位搜尋：OmniSearch外掛 (0則留言, 2022/11/20)
• Obs126｜Obsidian 2023/04 7個新外掛介紹與評析 (0則留言, 2023/04/29)
• [Obs＃52] 變更段落顏色與重點高亮度的CSS片段 (0則留言, 2021/09/20)
• [Obs＃111] 幾個最近使用的外掛：Surfing、Quiet Outline、Colorful Tag、Share as Gist、Commander (0則留言, 2023/01/23)