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