在single.html页面,添加右侧边栏代码即可。post-toc可优化手机上自动隐藏侧边栏

{{- define "main" }}

<!-- 左侧边栏 -->
<aside></aside>

<article class="post-single">
    ...
</article>

<!-- 右侧边栏  start-->
<aside>
  <div class="post-toc" style="position: fixed;max-width:300px; right:5px;overflow:auto; top: 100px;bottom:50px">
    {{- partial "toc.html" . }}
  </div>
<style>
@media only screen and (max-width: 1224px) {
    .post-toc {
        display: none;
    }
}
</style>
</aside>
<!-- 右侧边栏  end-->

{{- end }}{{/* end main */}}

参考资料

Hugo博客侧边导航栏

Hugo 主题创建 添加侧边栏

在PaperMod中引入侧边目录和阅读进度显示

hugo-PaperMod主题

Sulv-Blog-Hugo博客目录放在侧边-PaperMod主题