Jazzと読書の日々

iPadを筆記具として使う方法を模索します

Obsidian:背景画像を貼ってみよう

気分を出したいときに。

cssclasses

プロパティに指定するとそのページだけcssが適用される。

これって考えてみると、いろいろ遊べます。 ページごとに背景画像を切り替えることができる。 画像自体は自作して、Gyazoにアップするのがいいかもしれません。

back.css

適当なクラスを設定します。 今回はRoom用なので .room にしてみました。

.room {
  background: url('画像のURLアドレス');
  background-size: cover;
  --metadata-display-reading: none;
}

画像はUnsplashから拝借しています。 url()のところ。

これを前回のRoomに適用してみます。 プロパティに下記項目を追加する。

cssclasses: room

これだけですね。

こんな感じになります。 夏とはまさにこのイメージ。 リーディングビューにするとプロパティが消える仕様なのでスッキリします。

まとめ

テキストの背景にしたい場合は、もう少し大人しい色合いを用意しないといけませんね。