木を分ける
unified
Interface for parsing, inspecting, transforming, and serializing content through syntax trees
https://unifiedjs.com/explore/package/unified/
から process が、parse, run, stringify の3ステップであることを把握。 parse, run まで実行して hast を toc と body に分割することを思いついた。 できた👇
普通に 2箇所に分けて描画
これで css で小細工を弄する必要が無くなりました。 左にグローバルなサイドバー、右にローカルなサイドバーを配置する計画なので toc を右サイドバーに入れやすくしました。