[Obs#91] 用Dashboard++ CSS片段建立Obsidian儲存庫首頁

使用Dashbvoard++ CSS片段快速建立美觀、豐富資訊的儲存庫首頁(Homepage)。

01|700
(使用Bubble Space主題)

除了CSS片段,還使用到了下列外掛:

外掛名稱 功能 安裝方式
Homepage 指定特定筆記為首頁,進入Obsidian時自動開啟 第三方外掛
Banners 筆記頂端顯示圖片 第三方外掛
Buttons 以按鈕形式提供各種功能 第三方外掛
Dataview 標籤統計 第三方外掛
Tasks 待辦事項清單 第三方外掛

1. 安裝步驟

  1. Dashboard.css點擊Copy raw contents將內容複製到剪貼簿,再將剪貼簿內容存入儲存庫資料夾/.obsidian/snippets/
  2. 設定→外觀,找到CSS片段後重新整理,啟用dashboard.css

2. 使用方法

---
cssclass: dashboard
---

以無序列表的格式即可形成水平式的兩階層選單,用較少的空間顯示更多的資訊。

3. 美化頁面

  1. 使用Banners外掛加上封面。可以用下列方式動態取得隨機圖片:
---
banner: "![[https://source.unsplash.com/1600x900?sky]]"
---
  1. 用button美化功能鏈接
  2. 用Admonitions或Callouts包住列表
  3. 用Dataview或Tasks做資訊的動態查詢

4. 範例

5. 相關鏈接

6. 教學影片

##

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

簡睿

服務於軟體業的資訊老兵。興趣廣泛,學習力佳,樂於分享所知所學。

您可能也會喜歡…

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *