埋め込みブロックの見出しを非表示にする

Obsidianでブロック要素を埋め込みをすると、H要素の見出しも含めて埋め込まれる。 しかし、見出しがいらない場合もある。

カスタムCSSでHeaderを表示させないようにする以外になにかいい方法はないかと思っていた。

調べてみると以下の方法を見つけた。

それは、特定のノートのみにカスタムCSSを適用させるというもの。

カスタムCSS自体は使っていたので知っていたが、それだと全体に適用されてしまい、非表示にしたくない時に問題があると思っていたが、ObsidianのFront Matterでcssclassを指定することで、指定されたノートのみにカスタムCSSを適用させることが可能となるそう。

これを使わない手はない。

方法

まずは適用させたいノートのFront Matterに以下を追加

cssclass: hide-embedded-header

次にカスタムCSSを用意する。

hide-embedded-header .markdown-embed h1,
hide-embedded-header .markdown-embed h2,
hide-embedded-header .markdown-embed h3 {
display: none; 
}

これを設定の外観 → CSSスニペットから読み込ませておく。

これで、cssclass: hide-embedded-headerを指定したノートのみ、埋め込みブロックの見出しが非表示になる。