Shishiousan

カスタムcssで調整する場合，view source pageを参照すると，どのクラスとかを設定したらいいか分かる．
例えば，Table of Contentsの行間を調整したい場合，
<div class="code-block-container"><pre class="language-html"><code class="language-html code-line" data-line="3">&lt;/section&gt;&lt;section id="TOC"&gt;
&lt;nav role="doc-toc"&gt; 
&lt;h2 id="toc-title"&gt;Table of Contents&lt;/h2&gt;
&lt;ul&gt;
</code></pre></div>とソースにあることからcssファイルに
<div class="code-block-container"><pre class="language-css"><code class="language-css code-line" data-line="10">#TOC {
 line-height: 2em;
}
</code></pre></div>と書くと調整できる．

スライドサイズを越えるサイズの図を表示するときに便利
<div class="code-block-container"><pre class="language-markdown"><code class="language-markdown code-line" data-line="2">![]({{&lt; placeholder 1500 300 &gt;}}){.absolute left=-75 style="max-width: none !important;"}
</code></pre></div><code>scrollable=true</code>では上手くいかないので注意

任意の隙間(gap)を差し込む．
<div class="code-block-container"><pre class="language-markdown"><code class="language-markdown code-line" data-line="1">::: {style="margin-top: 100px;"}
:::
</code></pre></div>