Hugo

Hugo自定义TOC模板及滚动监听

要自定义Hugo的TOC模板,还挺麻烦的,主要是Hugo的模板语言语法,那是人看的吗

一个文章目录,有几个基本要素:

  1. 目录锚点,可以点击跳转
  2. 目录层级,控制目录的展示

Hugo内建默认的TOC模板,实现了上面的要素,比较简单:

{{ .TableOfContents}}

这个模板仅仅能用而已。对于较长的目录,以及多层级的目录都有点无能为力。

如果想要让目录更加灵活,可以自定义TOC,并且实现滚动监听。

...

更换个人博客主题

想换一个更加简洁的博客主题,也是觉得原来的 Zzo主题两侧的留白过于浪费空间,且配色,有些腻了。

不过,这主题用了很久了,且hugo版本也更新得不像样子了,新主题与旧版本的hugo并不兼容,故一并更新了hugo和主题的版本,这一顿折腾,应该又能撑2年吧。

...