Hugo の Blowfish で KaTeX のはみ出した分を表示し、スクロールバーを無くす

2024年 2月 22日

Web Hugo TeX

著者

くろえい

情報系の高専生です！おでかけ、ガジェット、中国テックが好きです！中国へ何度も一人旅しています。HONOR 製のPCとスマホを愛用しています。

デフォルトでは、\(\KaTeX\) 数式のはみ出す部分を隠している．

themes/blowfish/assets/css/main.css によると次のように記載されている．

/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
.katex-display { overflow: auto hidden }

今回は逆に、数式が長い場合でも隠さず表示なされるようにしたい．

assets/css/custom.css を作成し、内容は以下とする．

.katex-display {
    /* overflow: auto hidden */
    overflow: visible;
}

すると、数式ははみ出してもなお表示されるようになる．なお、画像中の縦線は実際には表示されない．