背景画像を設定するUserCSS
UserCSSでは、背景画像を設定できる(みんな知っている)
Scrapbox の APIでページトップ画像を取得できる。背景画像にもできる(意外と知られていない?)
ということは、ページトップ画像を背景画像にすることで、UserCSSの変更なしに背景画像を変更できる(はず)
というわけで、テスト
2023/11/30 APIの仕様が変わったので、この UserCSSの実用性はなくなったもよう
背景画像の設定
code:style.css
body {
/* */
background: url('/api/pages/programming-notes/背景画像を設定するUserCSS/icon');
background-repeat: repeat-y;
background-attachment: scroll;
background-position: center top ;
background-size: 100% auto; /* 横幅を100%にして算出 */
}
↓ 先頭の画像が、ページトップ画像になる
順番を変えて、ページトップ画像を入れ替えると、背景画像も変わる
(キャッシュがあるので、新しいウィンドウで開くとかしないと変更が反映されない)
https://i.gyazo.com/dfc1f0531bd78404ccacb74921f48f89.jpg
https://i.gyazo.com/7536a66e09cb7b9714b9d24d17638b15.jpg