Hexo显示统计字数和阅读时长

发表于 更新于 分类于 ， ，

使用NexT自带功能显示统计字数、阅读时长

操作步骤

  1. 在hexo路径下下载hexo-wordcount 插件：

    1
    npm i --save hexo-wordcount

  2. 打开主题配置文件 _config.yml，找到 post_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. 打开 themes/next/layout/_macro/post.swig

  2. 找到如下代码：

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

  3. 修改“字数统计”。添加 “字” 到上面第二行代码后面，即：

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

  4. 同理，修改“阅读时长”，修改后如下：

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

最终效果如下：


参考链接

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