[Obs#91] 用Dashboard++ CSS片段建立Obsidian储存库首页

  • 2022-06-18
  • css
  • 51

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

##

分享到Facebook
技术平台: Nasthon Systems