忍不住炫耀一下自己主页


涉及插件

  • homepage: 打开 ob 显示特定页面
  • dataview: list最近编辑的四个文件
摘要
```dataview
list
sort file.mtime desc
limit 4
```

(我今天才知道 dataview 还有 limit 的用法)

  • style settings: 自定义主题和 css 片段
  • Force note view mode*: 定制特定页面打开为阅读/编辑模式 (默认 reading view 可以不用这个)。

为了启动时间,移动端插件越少越好。
(但 ob 不能没有 dataview ,就如同〇〇不能没有〇〇。)

主题

  • Things (调得跟默认没太大差别)

亿点点片段

  • 卡片视图,用来伪瀑布流展示inbox——from Mininal
  • 自定义背景——from BlueTopaz (BT yyds!)
  • 透明 tab ——from Sanctum
摘要
.view-header:not(.focus-within) {
  height: 0px;
}
  • 切换预览/编辑的 button ——from Things
摘要
body.is-mobile:not(.floating-button-off):not(.advanced-toolbar)
  .view-action:nth-last-of-type(5),
body.is-mobile:not(.floating-button-off):not(.advanced-toolbar)
  .view-action:nth-last-of-type(4) {
  color: white;
  background-color: #444;
  opacity: 1;
  top: calc(90vh - 110px);
  display: flex;
  padding: 0px;
  position: absolute;
  left: 86vw;
  transform: translate(-50%, 60%);
  justify-content: center;
  align-items: center;
  width: 53px;
  height: 53px;
  border-radius: 50% !important;
  box-shadow: 1.1px 0.3px 2.2px rgba(0, 0, 0, 0.02),
    2.7px 0.7px 5.3px rgba(0, 0, 0, 0.028), 5px 1.3px 10px rgba(0, 0, 0, 0.035),
    8.9px 2.2px 17.9px rgba(0, 0, 0, 0.042),
    16.7px 4.2px 33.4px rgba(0, 0, 0, 0.05), 40px 10px 80px rgba(0, 0, 0, 0.07);
}
  • 不触发则低透明度的 button ——from AI Dente
摘要
.view-header:not(:hover) .view-actions {
  opacity: 0.2;
  transition: opacity 0.25s ease-in-out;
}
  • 隐藏 sidebar ribbon icon ——Ctrl_Shift_I 大法
摘要
.svg-icon.sidebar-left:not(:hover) {
  opacity: 0;
}

一个拼拼凑凑的主题出现啦!
笔记没写多少,却莫名其妙发现自己快学会css了呢()。

iframe嵌入挂件

  • 打字机效果
  • 网易云音乐

嵌入的方式很讨巧,不需要插件也能让主页一下子花里胡哨起来。
就是加载有点慢。

总结:做主题和主页,浪费时间,没啥实际用途,但能让心情愉悦,还能水贴()。

4 个赞

做的不错。

我的极简首页

2 个赞

好干净(好像浏览器啊)。中间的是怎么做到的?

最近编辑咋设置的:thinking:

dataview 语句 sort file.mtime desc 降序排列文件最后编辑时间(具体上面有写,点摘要可以展开)。

直接用的html加css。我主要是看看pdf,也不怎么写。

做好了,谢谢老哥