給hugo博客添加字數統計和閱讀需要xx分鐘的功能

緣由

在看別人博客時經常在文章標題下面見到有共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後發現已經可以看到這個功能的展示了。

隨意聊聊

在我看來一個博客除了字數統計和閱讀時間這樣一個功能之外呢，閱讀次數和文章搜索還是很有必要的，這也是我接下來會給我的博客添加的功能.

本文分享自微信公衆號 - 四顆咖啡豆（gh_71aedc0a994c）。
如有侵權，請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”，歡迎正在閱讀的你也加入，一起分享。