どーもボキです。
この自動生成する目次は、本文末尾に表示させる関連記事のリスト表示で再現させる予定です。本文のHTMLコードを直作編集する必要があるため、けっこう難易度高い……。ただ、この難易度を下げる策を思いつきました。
それは「more表示エリアを目次生成先として固定する」こと。
今のボキのブログは「リストスタイル」スキンを使っています。かつては「HTMLベーシック」でした。この「HTMLベーシック」はトップページに本文全てが表示されるものでした。

かつてはトップページに全ての本文が表示される「HTMLベーシック」スキンを使っていたため、下図のようにソースコードを掲載するときはmoreページへ記載していたんですね。
こうすることで、トップページにはmore部分は表示されず、スッキリとした見た目を狙っていました。

ただ、いまは「リストスタイル」スキンです。下図のようにトップページには本文の一部しか表示されません。

本文を読むために記事にアクセスすると、下図のようにmore領域も含めて表示されます(
赤○はmoreに記載したもの)。つまり、リスト表示スキンの場合、more領域は意味をなしません。

ならば「more領域は自動生成させる目次専用エリアとして利用すればⓄⓀ」となります。この割り切りで、本文のHTMLコードを直作編集を不要にできます。
ボキブログにてmoreを利用している記事を調べると155件ありました。ここらは先に修正が必要ですね(目次をつけるならば、ですが)。
こんな感じでアイデアをまとめ中。アイデアを形にできていくので結構オモシロいです。
htmx.process($el));"
hx-trigger="click"
hx-target="#hx-like-count-post-244100008"
hx-vals='{"url":"https:\/\/yozda.exblog.jp\/244100008\/","__csrf_value":"5ae7350d994b5706bb4303405f21caf2af8caa828fb78d0ac25dc1761b9c3f1a9c91085b8fc3014478ac47f11fb8be81b0867ea10b7b5f9d125e2aa06ad9e639"}'
role="button"
class="xbg-like-btn-icon">