Hugo博客添加字数统计和阅读时间功能

现在我们要给博客添加字数统计和阅读时间功能。这才像个技术分享博客的样纸。

非常幸运，Hugo支持这个需求。

修改模版文件

layouts/_default/single.html

原本

...
{{ if .Site.Params.page_view_conter }}
    {{ partial "page_view_counter.html" . }}
{{ end }}
...

改为

...
{{ if .Site.Params.page_view_conter }}
                                <span id="busuanzi_container_page_pv">|<span id="busuanzi_value_page_pv"></span><span>

    {{ partial "page_view_counter.html" . }}
                                    阅读 </span></span>|<span class="post-date">共{{ .WordCount  }}字</span>，阅读约<span class="more-meta"> {{ .ReadingTime  }} 分钟</span>

{{ end }}
...

修改config.toml

将[params]下的参数page_view_conter赋值为true

[params]
  page_view_conter = true

效果

参考文章

1. 《给Hugo添加字数统计和阅读时间功能》，huangzhongde.cn/post/2020-0…
2. 不蒜子官网，ibruce.info/

本作品由 IvyWooo 采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可，转载请注明出处。 本文链接