回顾 daily note 会使用到嵌入块来查询,但需要点击进去才能看到标题。
发现查询块中属性值带有 id,可以用来表示创建日期,对于 daily note 的文档块正好适合做标题。
所以写了以下 css 来实现效果,利用是固定显示 id 的长度。
步骤 1:将以下 css 放入对应主题的 theme.css 或者引用的 custom.css 中。
/*嵌入块显示日期*/
[custom-showdate="1"] .protyle-wysiwyg__embed::before {
content: "日期:" attr(data-id);
color: var(--b3-theme-on-surface);
overflow: hidden;
/* text-overflow: ellipsis; */
white-space: nowrap;
width: 147px;
display: inline-block;
font-size: 20px !important;
margin-left: -57px;
}
步骤 2. 给嵌入块加上属性 showdate
,值为 1
。用了这个属性和值的才显示日期,其他的不显示。这样方便控制。
最终效果:
样式可以根据自己需要修改~
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于