关于博客:给hugo博客添加字数统计和阅读需要xx分钟的功能

7次阅读

共计 1167 个字符,预计需要花费 3 分钟才能阅读完成。

原因

在看他人博客时常常在文章题目上面见到有 共 xx 字, 浏览约 xx 分钟 的字眼,这个性能在 hugo 中自身就曾经自带了,开启这个性能即可。

批改博客页面

页面位于对应主题目录下的:layouts/_default/single.html, 搜寻 subtitle 能够找到以下相似的代码块:

<h2 class="subheading">{{.Params.subtitle}}</h2>
                    <span  class="meta">Posted by {{if .Params.author}}{{.Params.author}}{{else}}{{.Site.Title}}{{end}} on {{.Date.Format "Monday, January 2, 2006"}}
                        {{if .Site.Params.page_view_conter}}
                        {{partial "page_view_counter.html" .}}
                        {{end}}
                    </span>

批改后是一下的样子,其实就是引入两个变量:

  1. WordCount 文章字数
  2. ReadingTime 浏览工夫
                    <h2 class="subheading">{{.Params.subtitle}}</h2>
                    <span  class="meta">Posted by {{if .Params.author}}{{.Params.author}}{{else}}{{.Site.Title}}{{end}} on {{.Date.Format "Monday, January 2, 2006"}}
                        {{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}}
                    </span>

批改配置文件

在批改了上述内容后主题曾经反对字数统计和浏览工夫的性能,上面须要在博客的配置文件当中启动这个性能。

找到 config.toml 文件中的 page_view_conter,配置为true 即可。

page_view_conter=true

在从新关上任意一篇 Blog 后发现曾经能够看到这个性能的展现了。

随便聊聊

在我看来一个博客除了字数统计和浏览工夫这样一个性能之外呢,浏览次数和文章搜寻还是很有必要的,这也是我接下来会给我的博客增加的性能。

始发于 四颗咖啡豆 公布!
关注公众号 ->[四颗咖啡豆] 获取最新内容

正文完
 0