給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後發現已經能夠看到這個功能的展現了。

隨意聊聊

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

始發於 四顆咖啡豆 發佈！ 關注公衆號->[四顆咖啡豆] 獲取最新內容