0. 前言

阅读博客文章时有一个固定的目录会舒服很多,现在就来探索一下怎么添加这个功能。

1. 固定目录

以主题 jane 为例,在文件 theme/jane/layouts/post/single.html 中存放着如何显示 post。根据文件中的代码,关于 table of content 的设定存放在 theme/jane/layouts/partials/post/toc.html

之后把原来的 tableofcontent 那部分代码放到 nav 中即可,如下,注释掉原来的代码(15-17 行)

{{ if or .Params.toc (and .Site.Params.toc (ne .Params.toc false)) }}
<div class="post-toc" id="post-toc">
  <h2 class="post-toc-title">{{ i18n "toc" }}</h2>
  <!-- <div class="post-toc-content">
    {{.TableOfContents}}
  </div> -->
  <nav class="hide-on-mobile section-nav">
    <h3 class="ml-1">Table of contents</h3>
    {{ .TableOfContents }}
  </nav>
</div>
{{- end }}