Hugo自定义TOC模板及滚动监听
要自定义Hugo的TOC模板,还挺麻烦的,主要是Hugo的模板语言语法,
那是人看的吗?
一个文章目录,有几个基本要素:
- 目录锚点,可以点击跳转
- 目录层级,控制目录的展示
Hugo内建默认的TOC模板,实现了上面的要素,比较简单:
{{ .TableOfContents}}
这个模板仅仅能用而已。对于较长的目录,以及多层级的目录都有点无能为力。
如果想要让目录更加灵活,可以自定义TOC,并且实现滚动监听。
...要自定义Hugo的TOC模板,还挺麻烦的,主要是Hugo的模板语言语法,
那是人看的吗?
一个文章目录,有几个基本要素:
Hugo内建默认的TOC模板,实现了上面的要素,比较简单:
{{ .TableOfContents}}
这个模板仅仅能用而已。对于较长的目录,以及多层级的目录都有点无能为力。
如果想要让目录更加灵活,可以自定义TOC,并且实现滚动监听。
...想换一个更加简洁的博客主题,也是觉得原来的 Zzo主题两侧的留白过于浪费空间,且配色,有些腻了。
不过,这主题用了很久了,且hugo版本也更新得不像样子了,新主题与旧版本的hugo并不兼容,故一并更新了hugo和主题的版本,这一顿折腾,应该又能撑2年吧。
...