0. 说明

hexo-wordcount 插件提供了字数统计和阅读时长预计功能，项目地址为：hexo-wordcount

下面均以Hexo博客根目录为基点。

1. 安装hexo-wordcount字数和阅读时长统计插件

  • 进入博客根目录，使用npm安装hexo-wordcount插件
npm install hexo-wordcount --save

加—save参数可以将安装信息写入package.json，方便以后可能需要再次安装。

安装完成之后，可以在hexo根目录的node_modules文件夹中找到hexo_wordcount文件夹，里面的index.js就是插件的全部内容。

2. 添加字数和阅读时长数据

  • 在文章的标题下方添加字数统计和时长估计数据
  • 在目录 ./themes/yilia/layout/_partial/post/ 创建新文件 wordcount.ejs，文件内容如下：

    
        
            
              字数统计: 
            <%= wordcount(post.content) %>字 
        
    

    
          |  
        
            
              阅读时长: 
            <%= min2read(post.content) %>分
  • 然后，在./themes/yilia/layout/_partial/artivle.ejs中修改文件内容为：

```html

<% 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/wordcount') %>
          <% } %>
        
        <% } %>
      
```

> 注意：并非在文件末尾追加，而是在文件中查找到该部分，添加中间汉字提示的部分
>
> tips: 由于文件中内容较多，可以使用一些编译器的查找功能

---



## 3. 开启功能

- 在`./themes/yilia/_config.yml`添加如下内容：

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

---

效果如图所示：

{% asset_img pic2.1.png %}