obsidian填空题隐藏答案的样式

在外观代码片段中设置
在这里插入图片描述
my-style.css代码如下

/* Cloze and Hover in Source Mode */

span.cm-em.cm-formatting.cm-formatting-em {
  display: none;
}

.hoverText em, span.cm-em {
  color: transparent;
  background-color: transparent;
  border-bottom: 1px solid #000000;
  font-style: normal;
}

.hoverText em:hover, span.cm-em:hover {
  color: #000000;
}

/* Cloze and Hover in Preview Mode */

@media print {

  em {
    color: transparent;
    background-color: transparent;
    border-bottom: 1px solid #000000;
    font-style: normal;
  }

}

### 如何在 Obsidian隐藏代码块 Obsidian 是一款强大的笔记应用,支持 Markdown 的多种扩展功能。然而,默认情况下,Obsidian 并不提供直接隐藏代码块的功能。如果希望实现这一需求,可以通过以下方法间接完成。 #### 方法一:使用折叠插件 Obsidian 社区提供了许多第三方插件来增强其功能。其中,“Foldit” 插件可以用来折叠和展开特定区域的内容,包括代码块。安装并启用该插件后,在任何代码块前添加 `<!--fold-->` 注释即可使其可折叠[^1]。 ```markdown <!--fold--> ```python def example_function(): print("This is an example function.") ``` <!--/fold--> ``` 上述语法会使得代码块默认处于折叠状态,点击时会展开。 #### 方法二:自定义 CSS 样式 另一种方式是利用 Obsidian 的 CSS Snippets 功能来自定义样式隐藏代码块。创建一个新的 snippet 文件(位于 `.obsidian/snippets/` 路径),并将以下内容粘贴进去: ```css .markdown-preview-view pre { display: none; } ``` 此段 CSS 将完全隐藏所有的预览模式下的代码块[^2]。需要注意的是,这种方法仅影响视图模式中的呈现效果;编辑状态下仍然可见这些代码块。 #### 方法三:借助 JavaScript 实现动态控制 对于更高级的需求,还可以编写一段简单的脚本来动态调整页面上的元素显示情况。将下面这段 JS 放入 editormd 的 plugins 文件夹下作为外部资源加载[^3]: ```javascript document.querySelectorAll('pre').forEach(function(preElement){ preElement.style.display = 'none'; }); ``` 运行之后同样能够达到隐藏所有 `<pre>` 标签包裹内容的目的。 ### 注意事项 以上三种方案各有优劣,请根据实际场景选择合适的方法实施。另外提醒用户注意备份重要数据以防误操作造成损失。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值