JavaScriptを有効にしてください

HugoテーマzzoにおけるTOCについて

Hugoでテーマファイルはzzoを利用している
基本設定をしておけば基本的に目次、TOCを自動的に表示してくれる。

ただし、🖥PCでの表示に限る。

📱スマホで見た場合、TOCは自動的に表示されない。

Front MatterにenableTocContent: trueを記述しておけばTOCを表示してくれるがPCで見たときのそれとは違うし、PCで見た時にはHugoのTOCとzzoのTOCと両方とも表示されてしまう。

これをなんとかできないか。

zzoのTOCを非表示にしてFront Matterへの記述によるHugoのTOCを手動により使用する方法が一番簡単なのか。

その場合、表示に関してCSSなどでカスタマイズしないと初期表示は少しダサい。

もしくはzzoでの設定箇所を探し出し、PCとスマホの分岐をなくすか。

後者は探し出せても表示位置の調整などでめんどそうだ。

なぜならば表示位置がサイドバーの位置だから。
スマホにはサイドバーはないのでその調整にハマりそう。

どっちがいいのかな

共有

目次