hexo下yilia主题添加字数统计和阅读时长功能

本文主要是介绍hexo下yilia主题添加字数统计和阅读时长功能，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.安装 hexo-wordcount

在博客目录下打开Git Bash Here 输入命令

npm i –save hexo-wordcount

2.文件配置

在theme\yilia\layout\_partial\post下创建word.ejs文件：

<div style="margin-top:10px;"><span class="post-time"><span class="post-meta-item-icon"><i class="fa fa-keyboard-o"></i><span class="post-meta-item-text">  字数统计: </span><span class="post-count"><%= wordcount(post.content) %>字</span></span></span><span class="post-time">&nbsp; | &nbsp;<span class="post-meta-item-icon"><i class="fa fa-hourglass-half"></i><span class="post-meta-item-text">  阅读时长: </span><span class="post-count"><%= min2read(post.content) %>分</span></span></span>
</div>

然后在 themes/yilia/layout/_partial/article.ejs中添加

<div class="article-inner"><% if (post.link || post.title){ %><header class="article-header"><%- partial('post/title', {class_name: 'article-title'}) %><% if (!post.noDate){ %><%- partial('post/date', {class_name: 'archive-article-date', date_format: null}) %><!-- 需要添加的位置 --><!-- 开始添加字数统计--><% if(theme.word_count && !post.no_word_count){%><%- partial('post/word') %><% } %><!-- 添加完成 --><% } %></header>

3. 开启功能

在站点的_config.yml中添加下面代码

# 是否开启字数统计
#不需要使用，直接设置值为false，或注释掉
word_count: True

效果预览：https://stormdony.github.io

这篇关于hexo下yilia主题添加字数统计和阅读时长功能的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---