zoukankan      html  css  js  c++  java
  • Hexo添加字数统计、阅读时长

    统计插件

    配置

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

    # 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 server
    

    访问 http://localhost:4000/ 链接,如果出现字数统计和阅读时长失效的情况,一般是因为没有安装 hexo-wordcount 插件,查看 Hexo 插件:

    hexo --debug
    

    安装

    如果没有安装 hexo-wordcount 插件,先安装该插件:

    npm i --save hexo-wordcount
    

    *** Node 版本 7.6.0 之前,请安装 2.x 版本 (Node.js v7.6.0 and previous) ,安装命令如下:***

    npm install hexo-wordcount@2 --save
    

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

    显示文字

    用 Sublime Text 工具打开 post.swig 文件,路径如下:xxx_blog/themes/next/layout/_macro/post.swig

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

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

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

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

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

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

    修改完成后,重新执行启动服务预览就可以了。修改后,效果如下图所示:

     
    统计插件效果截图.png

    原文链接:http://sessionch.com/hexo/hexo-common-plug.html
    相关文章:Hexo中Markdown对处理特殊字符的处理方法



    作者:sessionCh
    链接:https://www.jianshu.com/p/baea8c95e39b
    來源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
  • 相关阅读:
    024.Zabbix告警等级机制
    023.Zabbix自定义(邮箱)脚本告警-02
    022.Zabbix自定义(邮箱)脚本告警01
    021.Zabbix的邮件告警-01
    020.Zabbix的Actions配置
    019.Zabbix的Trigger及相关函数
    018.Zabbix维护时间和模板导入
    017.Zabbix宏介绍
    016.Zabbix聚合监控
    015.Zabbix的日志监控配置
  • 原文地址:https://www.cnblogs.com/brady-wang/p/8418518.html
Copyright © 2011-2022 走看看