Hexo添加字數統計、閱讀時長

統計插件

配置

NexT 主題默認已經集成了文章【字數統計】、【閱讀時長】統計功能，如果我們需要使用，只需要在主題配置文件 _config.yml 中打開 wordcount 統計功能即可。如下所示：

# Post wordcount display settings # Dependencies: https://github.com/willin/hexo-wordcount post_wordcount: item_text: true wordcount: true # 單篇 字數統計 min2read: true # 單篇 閱讀時長 totalcount: false # 網站 字數統計 separated_meta: true 

修改完成主題配置文件后，啟動服務預覽：

hexo server

訪問 http://localhost:4000/ 鏈接，如果出現字數統計和閱讀時長失效的情況，一般是因為沒有安裝 hexo-wordcount 插件，查看 Hexo 插件：

hexo --debug

安裝

如果沒有安裝 hexo-wordcount 插件，先安裝該插件：

npm i --save hexo-wordcount

*** Node 版本 7.6.0 之前,請安裝 2.x 版本 (Node.js v7.6.0 and previous) ，安裝命令如下：***

npm install hexo-wordcount@2 --save

安裝完成后，重新執行啟動服務預覽就可以了。

顯示文字

用 Sublime Text 工具打開 post.swig 文件，路徑如下：xxx_blog/themes/next/layout/_macro/post.swig

修改【字數統計】，找到如下代碼：

<span title="{{ __('post.wordcount') }}"> {{ wordcount(post.content) }} </span> 

添加 “字” 到 {{ wordcount(post.content) }} 后面，修改后為：

<span title="{{ __('post.wordcount') }}"> {{ wordcount(post.content) }} 字 </span> 

同理，我們修改【閱讀時長】，修改后如下：

<span title="{{ __('post.min2read') }}"> {{ min2read(post.content) }} 分鍾 </span> 

修改完成后，重新執行啟動服務預覽就可以了。修改后，效果如下圖所示：

 

統計插件效果截圖.png

原文鏈接：http://sessionch.com/hexo/hexo-common-plug.html
相關文章：Hexo中Markdown對處理特殊字符的處理方法

作者：sessionCh
鏈接：https://www.jianshu.com/p/baea8c95e39b
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。