这可能会给您一个开始，您将能够根据自己的需求调整代码。

添加列表ul 页面级导航显示的位置。

<ul class=\'page-nav\'></ul>

var idx = 0;

$(\'h2\').each(function() {
    // Get text of h2
    var text = $(this).text();

    // Add id attribute if not set
     $(this).attr(\'id\', \'heading\' + idx);

    // Create list item and append to list        
    $(\'<li/>\')
        .append($(\'<a />\', {text: text, href:\'#heading\' + idx }))
        .appendTo(\'.page-nav\');

    idx++;

});

I have created a working demo here

你可以为它创建一个短代码或使用你的主题文件，也可以用来创建一个插件，这取决于你的用例。

我希望这有帮助。

编辑：代码中添加了缺少的类选择器。