/tocbot
var tocbotLoad = function() {
    //判断页面中是否有目录容器
    if($('#toc').length){
        //初始化 tocbot
        tocbot.init({
            tocSelector: '#toc',
            contentSelector: '.post-content',
            headingSelector: 'h2, h3',
            hasInnerContainers: true,
            smoothScroll: true,
            headingsOffset: 20,
            scrollSmoothOffset: -20
        });

        //滚动监听
        $(window).scroll(function(){
            //当视口滚动到评论区，关闭文章目录
            if($('#comments').length){
                if(isInViewport(document.getElementById('comments'), 0.5)){
                    $('#toc').fadeOut();
                }else{
                    $('#toc').fadeIn();
                }
            }
        });
    }
}

//Must load when page finish
var JSLoad = function(){
    try {
        if(typeof SmoothScroll === "function") SmoothScroll();
        if(typeof matchaComment !== 'undefined'){
            matchaComment.bindButton();
            matchaComment.core();
        }
    } catch(e) {}
    linkTarget();
    bigfootLoad();
    detailsAnimate();
    prismLoad();
    lazyloader();
    archiveInit();
    tocbotLoad();
    $('.focus-mode-btn').click(toggleFocusMode);
}
JSLoad();

// Load Pjax
$(document).pjax('a[href]:not(a[target="_blank"], a[no-pjax], .cancel-comment-reply a, .comment-reply a)', {
    container: '#main',
    fragment: '#main',
    timeout: 8000
}).on('pjax:send', function() {
    $('body').append('<div class="progress" role="spinner" id="pjax-loading"><div class="progress-bar"></div></div>');
    $("#main").removeClass("fadein").addClass("fadeout");
    if ($('#toc').length) tocbot.destroy(); // 摧毁文章目录
    $(window).off('scroll');
    $(window).on('scroll', back2topShow); // 取消文章目录自动关闭的滚动绑定
    if ($('body').hasClass('focus-mode')) toggleFocusMode(); // 切换页面时关闭专注模式
}).on('pjax:complete', function() {
    $("#main").removeClass("fadeout").addClass("fadein").hide().fadeIn(700);
    JSLoad();
    toc = '';
    $('#pjax-loading').remove();
});

          <h2 class="mb-2 text-base font-medium text-gray-900 dark:text-slate-50">评论</h2>
          <halo:comment
          group="content.halo.run"
          kind="Post"
          th:attr="name=${post.metadata.name}"
          colorScheme="'matcha-dark' === (localStorage.getItem('color') || '') ? 'dark' : (localStorage.getItem('color') || '')"
          />      
        </div>
      </div>
    </div>
    <aside id="tocbar" class="tocbar">
      <div id="toc">
      </div>
    </aside>