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