【Obsidian】h2タグに端っこまで下線を引く！

okapping

はじめに

最近Obsidianを使い始めました。

前々からメモを外部のサーバーに上げたくないと思っていたので、出会えてHAPPYです。

このqiitaもそうですが、h2タグ（## ）の装飾は幅いっぱいに下線があるのが基本なイメージがあり、Obsidianで書いたときも幅いっぱいに下線を表示したくなりました。

（本題）下線を引く

余計なのはなし。下線を引くのみです！.obsidian/snippets/style.cssに以下コピペして、設定＞外観＞SCCスニペットから読み込めは完成！

body {
  --line-color: rgba(128,128,128,1);
}
/* リーディングモード */
.markdown-rendered h2{
  border-bottom: solid 2px var(--line-color)
}

/* ライブプレビューモード */
.HyperMD-header-2 {
  border-bottom: solid 2px var(--line-color)
}

↓ライブプレビューモードも、プレビューも両対応しています。
（画像はライブプレビュー）

image.png