Quantcast
Channel: 簡睿隨筆
Viewing all articles
Browse latest Browse all 943

Obs176|Obsidian的卡片顯示外掛:Notes Explorer、GridExplorer與Data Cards,視覺化筆記新體驗

$
0
0

Obsidian的檔案瀏覽器是以樹狀形式呈現,下列外掛則提供了卡片式的顯示介面:

  1. Notes Explorer
  2. GridExplorer
  3. Data cards

gh|342

1. Notes Explorer: 標籤為主,輔以資料夾

Notes Explorer外掛是由Cards View外掛分支並強化的新外掛,執行【Open notes explorer in main window】命令或點擊左側工具欄時,Notes Explorer時在編輯區以卡片形式顯示所有筆記。此時可以點擊或輸入標籤來過濾出符合標籤的筆記。

gh|700

1.1. Page View模式

為了解決當筆記眾多而導致的效能問題,Notes Explorer引入了分頁的設定,在設定裡指定使用Page View模式,並指定每頁最多筆數,則點擊狀態欄的Page: 字樣時,編輯區底部會彈出分頁導航列,供跳轉到特定頁面。

1.2. 資料夾卡片

在檔案瀏覽器的資料夾上,用右鍵→【Open folder in Cards view】可將該資料夾以卡片形式呈現。

1.3. 常用設定

1.3.1. Open note layout

在設定選項裡可指定點擊卡片時開啟的方式:

  • Open note on right side (開啟在右側面板)
  • Open note in new tab (開啟在新分頁)
  • Open note in same tab (開啟在當前編輯頁)
  • Open note in new window (開啟在新視窗)

1.3.2. Tag color indicator

在設定的Tag color indicatorh區塊可以指定特定的標籤以不同的顏色顯示,以達到快速識別的功效。顏色套用樣式可設定為背景或邊框。

2. GridExplorer: 資料夾

點擊左側工具欄的GridExplorer圖示或執行【Open grid view】,在彈出的資料夾選擇對話窗選擇資料夾,該資料夾就會以卡片形式呈現,也可再點擊子資料夾以瀏覽其內筆記。

gh|700

2.1. 常用設定

  • Default open location可指定點擊卡片時的開啟方式
    • Open in new tab
    • Open in left sidebart
    • Open in right sidebar
  • Default sort type: 預設的卡片排序方法

3. Data Cards: Dataview擴充

[!warning] 未上架
Data cards目前無法在社群外掛裡找到,手動或使用BRAT安裝

Data cards外掛是Dataview的擴充,在一般的Dataview程式碼區塊後方(程式語言必須改成datacards)加上Data cards的設定選項,則Dataview不會以列表或表格的方式顯示,而會變成卡片形式呈現。

如果要在卡片上顯示圖片的話,筆記本身要有圖片的Property(預設是 cover),再於datacards區塊裡指定imageProperty參數,其值為圖片的Property名稱。

Data cards裡能使用的參數可到外掛說明網頁裡找到。

```datacards
table cover_image_url,join(file.tags," ") as Tags, created, modified
from "030-Inbox"
where type="專案筆記"
sort created desc

// Settings
//    preset: grid, portrait, square, compact, dense
preset: grid
imageProperty: cover_image_url

```datacards
table cover_image_url,join(file.tags," ") as Tags, created, modified
from "030-Inbox"
where type="專案筆記"
sort created desc

// Settings
//    preset: grid, portrait, square, compact, dense
preset: grid
imageProperty: cover_image_url

4. 💡 相關鏈接

💡 解說文章:
✅ obsidian-notes-explorer GitHub: https://github.com/tu2-atmanand/obsidian-notes-explorer
✅ obsidian-gridexplorer GitHub: https://github.com/Devon22/obsidian-gridexplorer
✅ data-cards GitHub: https://github.com/Sophokles187/data-cards

5. 教學影片

##

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


Viewing all articles
Browse latest Browse all 943

Trending Articles