Hexo NexT主题添加字数统计阅读时长

发表于 | 分类于 | 字数统计: 457 字 | 阅读时长 ≈ 2分钟

配置

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

安装插件

1
2
3
npm i --save hexo-wordcount
# Node 版本7.6.0之前,请安装 2.x 版本 (Node.js v7.6.0 and previous)
npm install hexo-wordcount@2 --save

post 添加

如果还是不行，建议简单强暴添加，方法如下
打开hexo\themes\hexo-theme-next\layout\_macro\post.swig 文件，在文件类搜索关键词busuanzi，找到这段代码后

1
2
3
4
5
6
7
8
9
10
{% if not is_index and theme.busuanzi_count.enable and theme.busuanzi_count.post_views %}
    <span class="post-meta-divider">|</span>
    <span class="post-meta-item-icon"
    {% if not theme.post_meta.item_text %} title="{{ __('post.views') }}" {% endif %}>
    <i class="fa fa-{{ theme.busuanzi_count.post_views_icon }}"></i>
    {% if theme.post_meta.item_text %} {{__('post.views') + __('symbol.colon') }} {% endif %}
    <span class="busuanzi-value" id="busuanzi_value_page_pv" ></span>
    </span>
            
{% endif %}

在endif上面，即本文代码块那个空行处添加以下代码

1
2
<span class="post-meta-divider">|</span>
<span title="{{ __('post.wordcount') }}"><span class="post-meta-item-icon"><i class="fa fa-file-word-o"></i></span>字数： {{ wordcount(post.content) }}</span>

全站添加

打开hexo\themes\hexo-theme-next\layout\_partials\footer.swig 文件，新增如下代码

1
2
3
4
<div class="theme-info">
  <div class="powered-by"></div>
  <span class="post-count">全站共 {{ totalcount(site) }} 字</span>
</div>

到这里就可以啦，快去试试吧。