[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. 教學影片

##


想在手機閱讀更多css資訊?下載【香港矽谷】Android應用
分享到Facebook
技術平台: Nasthon Systems