使用Dashbvoard++ CSS片段快速建立美觀、豐富資訊的儲存庫首頁(Homepage)。
(使用Bubble Space主題)
除了CSS片段,還使用到了下列外掛:
外掛名稱 | 功能 | 安裝方式 |
---|---|---|
Homepage | 指定特定筆記為首頁,進入Obsidian時自動開啟 | 第三方外掛 |
Banners | 筆記頂端顯示圖片 | 第三方外掛 |
Buttons | 以按鈕形式提供各種功能 | 第三方外掛 |
Dataview | 標籤統計 | 第三方外掛 |
Tasks | 待辦事項清單 | 第三方外掛 |
1. 安裝步驟
- 到Dashboard.css點擊Copy raw contents將內容複製到剪貼簿,再將剪貼簿內容存入儲存庫資料夾/.obsidian/snippets/
- 設定→外觀,找到CSS片段後重新整理,啟用dashboard.css
2. 使用方法
--- cssclass: dashboard ---
以無序列表的格式即可形成水平式的兩階層選單,用較少的空間顯示更多的資訊。
3. 美化頁面
- 使用Banners外掛加上封面。可以用下列方式動態取得隨機圖片:
--- banner: "![[https://source.unsplash.com/1600x900?sky]]" ---
- 用button美化功能鏈接
- 用Admonitions或Callouts包住列表
- 用Dataview或Tasks做資訊的動態查詢
4. 範例
5. 相關鏈接
- Homepage範例
- Dashboard.css下載
- Dashboard++ — a simple organization and navigation method for Obsidian Vaults | by TfTHacker | Medium
- TfTHacker/DashboardPlusPlus: Demonstrating the Dashboard++ method of organizing a vault in Obsidian
6. 教學影片
##
想在手機閱讀更多css資訊?下載【香港矽谷】Android應用