generated at
settings
特定のハッシュタグの後ろに、画像を表示させる。
style.css
@media only screen and (min-width: 480px){ a[type="hashtag"][href="/rashitamemo/%E7%A0%94%E7%A9%B6%E3%83%8E%E3%83%BC%E3%83%88"]::after{ /* #研究ノート*/ content:""; background-image:url("https://i.gyazo.com/416e4c4db40564eb92ec299bef5a74d1.png"); background-size:204px 256px; display:block; width:204px; height:256px; position:fixed; right:30px; bottom:50px; z-index:20; } }

style.css
/* 本文の最後にテキスト挿入 */ .app:not(.presentation) .page::after { /* 画像を使うパターン content: url("https://i.gyazo.com/adcc9b85d97df1115d702bcc854077eb.png"); */ content:'2021年7月23日新刊『すべてはノートからはじまる あなたの人生をひらく記録術』!\A' URL(https://i.gyazo.com/822604329a5a86a0e3b7e59b8159b440.jpg); white-space:pre-wrap; display: block; margin-top: 5rem; padding: 1rem 0; text-align: center; border: solid #0003; border-width: 1px 0; font: 500 normal 1.8rem/1 sans-serif }

style.css
/* マトリクス記法 */ .line:not(.cursor-line) .deco-\| { display: inline-flex } .line .deco-\| img.image { object-fit: contain; margin: 0 } /* 太字記法と組み合わせて列数を変える */ .line [class^="level"] .deco-\| { flex-wrap: wrap } .line .level-1 .deco-\| > span { width: calc(100%/1) } .line .level-2 .deco-\| > span { width: calc(100%/2) } .line .level-3 .deco-\| > span { width: calc(100%/3) } .line .level-4 .deco-\| > span { width: calc(100%/4) } .line .level-5 .deco-\| > span { width: calc(100%/5) } .line [class^="level"] .deco-\| img.image { object-fit: cover; width: 100%; height: 100% } /* 並べた画像の間にスキマが欲しい場合はこの2行を追加・ぴっちり敷き詰めたい場合はこの2行は不要 */ .line .deco-\| > span, .line [class^="level"] .deco-\| > span { overflow: hidden } .line .deco-\| img.image, .line [class^="level"] .deco-\| img.image { margin: .2em }

バレットを少し薄めに
style.css
.line .indent-mark .dot { top: 12px; width: 6px; height: 4px; background-color: #c9c9c9; }

style.css
.deco-\+ { color: green }