个人使用体验中喜欢使用 emoji 来给某一段话加个 emoji 星标 ,同时为了方便后续引用,会把星标放到 backlinks 里面,如 #[[⭐️]]
,不过在文档的视觉效果比较一般,比如默认主题中会是这样的:
为了把星标变得更明显,我通过给 custom.css
增加了一些小 hack ,替换了默认的背景,效果如图
使用的相关样式定义
a.tag[data-ref="⭐️" i]::before {
content: "⭐️";
visibility: visible;
border-radius: 2px;
padding: 2px;
background: red;
box-shadow: 0 0 4px red;
}
a.tag[data-ref="⭐️" i] {
visibility: hidden;
width: 24px;
white-space: nowrap;
}