Hexo添加字数统计、阅读时长

NexT 主题默认已经集成了文章【字数统计】、【阅读时长】统计功能,如果我们需要使用,只需要在主题配置文件 _config.yml 中打开 wordcount 统计功能即可。如下所示:

1
2
3
4
5
6
7
8
# 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-wordcount 扩展,所以接下来,我们需要安装这个扩展。

1
npm i --save hexo-wordcount

安装完成后,重新执行启动服务预览就可以了。

优化显示信息

预览后我们发现,统计数后面是没有单位的,如果我们要加上 xxx字 和 xx分钟 怎么办呢,这里我们需要修改模版文件了。

打开文件 /themes/next/layout/_macro/post.swig

修改【字数统计】,找到如下代码:

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

添加 “字” 到 ...wordcount(post.content) }} 后面,修改后为:

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

同样,我们修改【阅读时长】,修改后如下:

1
2
3
<span title="{{ __('post.min2read') }}">
{{ min2read(post.content) }} 分钟
</span>

改完成后,重新执行启动服务预览就可以了。

坚持原创技术分享,您的支持将鼓励我继续创作!