建站第十四篇 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

效果

image.png

参考文章

1. 《给Hugo添加字数统计和阅读时间功能》，https://huangzhongde.cn/post/2020-02-22-%E7%BB%99hugo%E6%B7%BB%E5%8A%A0%E5%AD%97%E6%95%B0%E7%BB%9F%E8%AE%A1%E5%92%8C%E9%98%85%E8%AF%BB%E6%97%B6%E9%97%B4%E5%8A%9F%E8%83%BD/

image.png

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