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とスマホの分岐をなくすか。
後者は探し出せても表示位置の調整などでめんどそうだ。
なぜならば表示位置がサイドバーの位置だから。 スマホにはサイドバーはないのでその調整にハマりそう。
どっちがいいのかな