[Obs#91] 用Dashboard++ CSS片段建立Obsidian儲存庫首頁
2022-6-18 22:51:42 Author: jdev.tw(查看原文) 阅读量:12 收藏

首頁 » Markdown工具

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

作者: 日期: 2022/06/18 – 22:51:42尚無留言 | 瀏覽數: 2 / 418

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

##

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

標籤: ,


文章来源: https://jdev.tw/blog/7173/dashboard-plus-plus-css-snippetgs
如有侵权请联系:admin#unsafe.sh