Obsidian 插件：HTML Tabs 给笔记增加选项卡样式

概述

可以轻松地将 HTML 中选项卡样式嵌入笔记中。

如果你对这个效果感兴趣，还可以查看这个插件 obsidian-code-tab

效果&特性

使用

以包含 3 个选项卡的样式为例，需要通过特定语句生成，具体如下：

```tabs
---tab <label-of-first-tab>
<content-of-first-tab>
---tab <label-of-second-tab>
<content-of-second-tab>
---tab <label-of-third-tab>
<content-of-third-tab>
```

或者

~~~tabs
---tab <label-of-first-tab>
<content-of-first-tab>
---tab <label-of-second-tab>
<content-of-second-tab>
---tab <label-of-third-tab>
<content-of-third-tab>
~~~

选项卡的 <label> 是纯文本，不能包含 markdown 语法，而 <content> 可以使用完整的 Obsidian 语法。特别有可能嵌入另一个 callout 语法 `Document type null is not yet supported for transclusion“) 或代码块。

自定义样式

目前，如果您想更改此插件生成选项卡外观，则必须使用 CSS 片段。

为此，首先需要在 snippets 目录中创建 html-tabs.css 文件。如果不知道它在硬盘驱动器上的位置，则可以在 Obsidian 设置中的外观页面底部找到它。

然后，可以在 styles.css 文件中定义的 html-tab* 类在插件目录中定义。

讨论

若阁下有独到的见解或新颖的想法，诚邀您在文章下方留言，与大家共同探讨。