如果要被其他文件引用， 那可以在所有脚注前加一个标题：
## 脚注
然后用双链引用语法，引用这个标题下的某行脚注
代码如下
/* ----------方法1如果希望取消挖空效果，请删除这段代码 Start---------------- */
/* 修改高亮为挖空效果，但是预览模式关闭（毕竟需要导出） */
.protyle-wysiwyg mark{
color: transparent;
transition: color 0.1s ease-in-out;
}
.protyle-wysiwyg [data-node-id] [spellcheck="false"] mark:hover{
color: var(--b3-protyle-inline-mark-color);
transition: color 0.2s ease-in-out;
}
/* -------------如果希望取消挖空效果，请删除这段代码 END----------------------------------- */
/* ------------------ 方法2自定义属性 ----------------------- */
.protyle-wysiwyg [data-node-id][custom-function="挖空"]{
border: 2px dashed rgba(92, 135, 138, 0.322);
background-color: rgba(92, 135, 138, 0.322);
background-image: -webkit-gradient(linear,
0 0, 100% 100%,
color-stop(.25, rgba(255, 255, 255, .2)),
color-stop(.25, transparent),
color-stop(.5, transparent),
color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.75, rgba(255, 255, 255, .2)),
color-stop(.75, transparent),
to(transparent));
background-size: 10px 10px;
border-radius: 0.5em;
transform: perspective(1000px);
transform-style: preserve-3d;
transform: rotateX(180deg);
}
.protyle-wysiwyg [data-node-id][custom-function="挖空"] * {
opacity: 0;
}
.protyle-wysiwyg [data-node-id][custom-function="挖空"]:focus-within {
transform: rotateX(0deg);
color: var(--b3-theme-on-background);
border-color: var(--b3-theme-on-background);
background-color: transparent;
background-image: none;
}
.protyle-wysiwyg [data-node-id][custom-function="挖空"]:focus-within * {
opacity: 1;
}
.protyle-wysiwyg .protyle-wysiwyg__embed [data-node-id][custom-function="挖空"]:hover{
animation: rotateHide 0.7s ease forwards;
}
.protyle-wysiwyg .protyle-wysiwyg__embed [data-node-id][custom-function="挖空"]:hover * {
opacity: 1;
transition: opacity 0.7s ease;
}
好像最新的ZH编辑插件有这个功能。
差不多这样子，我把 ==高亮改成了你要的效果，背景色什么也可以自己定义。
:is(.markdown-preview-view, .markdown-rendered) mark {
color: transparent !important;
background-color: hsla(
var(--text-highlight-bg-h-dark),
var(--text-highlight-bg-s-dark),
var(--text-highlight-bg-l-dark),
var(--text-highlight-bg-a-dark)
) !important;
}
:is(.markdown-preview-view, .markdown-rendered) mark:hover {
color: var(--text-highlight) !important;
}
5 个赞
想再问您一下，把这个复制成css片段再加载上是不是就可以了呀
有一篇文章里面有许多词和段需要记忆背诵，有没有这样的插件，可以将我选定的词或段标黑隐藏，再次阅读的时候想显示需要主动点开甚至自己默写一遍。
可以考虑使用注释语法，或者直接使用抽认卡插件，比如spaced repetition
真有！谢谢谢谢谢谢！！！
居然是Ryooo！这几天在看您的KG笔记法，准备用在下次读书笔记上。。
1 个赞
最近在用 BlueTopaz 的挖空功能，*~~挖空文本~~*，发现这个功能用于记忆挺有用的，但手机端上不想用 bt 主题，本来想自己去 style.css 把相关代码 copy 到一个新的 css 用的，但完全不懂 css，尝试了好久无果，问 chatGPT 也是一点用都没有，实在没办法才来论坛问的
不知道有没有大佬路过能帮下忙？还是说这个样式不能通过自定义 CSS 来实现吗？
em > del {
border-bottom: 1px dashed rgb(67, 157, 237);
text-decoration: none;
color: #00000000;
transition: color 0.5s;
}
em > del:hover {
color: #222;
transition: color 0.5s;
}
试了一下应该能达到你说的效果（阅读模式） 
1 个赞
确实在阅读模式下实现了！感谢大佬，不过有几个小问题不知道能不能顺手解决下
- 阅读模式下显示原文本后是斜体，不知道能不能取消因为
*~~挖空文本~~*两边有的*引起的斜体 - 编辑模式下能不能也实现下呢？
当然，现在这个 CSS 样式已经可以用了，再次感谢大佬！
em > del,
.cm-em.cm-strikethrough:not(.cm-active > span) {
border-bottom: 2px dashed rgb(67, 157, 237);
font-style: normal;
text-decoration: none;
color: #00000000;
transition: color 0.3s;
}
.cm-active > .cm-em.cm-strikethrough {
border-bottom: 2px dashed rgb(67, 157, 237);
font-style: normal;
text-decoration: none;
}
em > del:hover,
.cm-em.cm-strikethrough:hover:not(.cm-active > span) {
color: #222;
transition: color 0.3s;
}
1 个赞
把之前的删了用这个就行
1 个赞
完美了，感谢大佬
使用的是最新版，最近刚使用这款软件用来做笔记和日常，笔记中有很多论文方面的东西，需要注释，但是我试了好几种都没有找到像图片或者附件那样的悬浮注释
预期的效果
已尝试的解决方案
尝试了脚注和在另一个说明文档里建立一个二级标题，都只能达到跳转过去看而不能悬浮显示，希望有大佬能解答一下。
已经解决，编辑模型可以按住CTRL显示悬浮，也可以在设置中更改。