修改 Hugo Book 主题实现在列表页面不显示文章分类和标签

修改 Hugo Book 主题实现在列表页面不显示文章分类和标签

Jun 13, 2024
Tech

Hugo Book 主题的列表页面,会默认显示文章标题、时间、分类、标签、概述。

但实际上分类和标签在列表页面中的作用不大,且会让界面更繁琐,所以为了让列表界面更简洁明了,修改了 Hugo Book 主题,在列表页面不显示分类和标签。修改方法如下

1. 新增 post-meta-no-cat-tag.html #

进入 themes/hugo-book/layouts/partials/docs/ 目录,复制 post-meta.html 文件,并将复制的文件重命名为 post-meta-no-cat-tag.html

删除 post-meta-no-cat-tag.html 中分类和标签的显示代码,即 {{ range $taxonomy ... end }}, 最终的文件内容如下

{{ with .Date }}
  <h5>{{ partial "docs/date" (dict "Date" . "Format" $.Site.Params.BookDateFormat) }}</h5>
{{ end }}

{{ if .Params.image }}
<p>
  {{ with .Resources.GetMatch .Params.image }}
    <img src={{ .RelPermalink }} />
  {{ else }}
    <img src={{ .Params.image | relURL }} />
  {{ end }}
</p>
{{ end }}

2. 修改 list.html #

修改 themes/hugo-book/layouts/posts/list.html 文件,将该文件中的 post-meta 替换成 post-meta-no-cat-tag