大 纲

一般在文章页的头部信息区显示本文标题、发布时间、关键词或是全文字数等信息,能让读者快速的了解文章内容,提高获取信息的效率。

文章标题

在页面模板 single.html 的头部的适当位置添加如下代码。

{{ .Title | markdownify }}

发布日期

在页面模板 single.html 的头部的适当位置添加如下代码。

{{ .Date.Format "20060102" }}

其中 "20060102" 定义了时间呈现的格式,可根据需要自定义。用你需要的方式写「2006年1月2号」填入即可。比如:「2006年1月2日」,「2006-01-02"」,「2006/01/02」,「2006.01.02」,「2006.01」等。

实际使用中可添加一个判定,当文章记录了时间才显示时间,写法如下。

{{ if (gt .Params.date 0)}}

  {{ .Date.Format "20060102" }}

{{ end }}

分类、关键词

在页面模板 single.html 的头部的适当位置添加如下代码。其中category为需要展示的内容,可以是「Hugo」自带的分类「category」和标签「tags」,也可以是自定义的分类。

{{ with .Params.category }}

  {{ range . }}

    <a href="{{ "search" | absURL }}/{{ . | urlize }}">{{ . }}</a>

  {{ end }}

{{ end }}

默认分类「category」和标签「tags」的使用及添加自定义分类可阅读此文

文章字数

本功能利用了 .WordCount 这个变量,在页面模板 single.html 的头部的适当位置添加如下代码。其中 Words. 根据排版和外观需要执行调整。

{{ .WordCount }} Words.

如果识别出的字数明显少于文章字数,可能是没有计算中文字符,可在每个页面头部的信息区添加如下参数。

isCJKLanguage: true