当前位置: 首页 > news >正文

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-wordcount 插件。

查看 Hexo 插件:

hexo --debug

安装

如果没有安装 hexo-wordcount 插件,在博客目录打开git bash然后执行:

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.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>

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

Hexo博客Next主题 字数统计和阅读时长失效的解决

相关文章:

  • Win10 BIOS改AHCI蓝屏无法启动的 两个解决方法
  • Hexo使用添加本地图片不用图床 的完美解决方案
  • 微PE安装系统 不显示U盘中镜像文件 的解决方法
  • 不加 “...快捷方式“后缀 和 移除快捷方式箭头的方法
  • Windows 谷歌浏览器插件无法从该网站添加应用
  • 在Coding.net上搭建并配置 gitbook电子书 的记录
  • 易语言 引号换行符自动替换 源码
  • iphone短信全部已读的方法
  • 易语言去除html标签方法
  • sql删除表所有记录 命令
  • IntelliJ Idea 向上/下插入空行快捷键
  • jquery 选择class下第几个元素
  • 两两独立为什么不能推出相互独立
  • 易语言 显示中文引号的方法
  • 易语言将JS对象转为json文本
  • css的样式优先级
  • CSS盒模型深入
  •  D - 粉碎叛乱F - 其他起义
  • flask接收请求并推入栈
  • gops —— Go 程序诊断分析工具
  • javascript数组去重/查找/插入/删除
  • Kibana配置logstash,报表一体化
  • puppeteer stop redirect 的正确姿势及 net::ERR_FAILED 的解决
  • React16时代,该用什么姿势写 React ?
  • session共享问题解决方案
  • Vue组件定义
  • 从0到1:PostCSS 插件开发最佳实践
  • 订阅Forge Viewer所有的事件
  • 分享一个自己写的基于canvas的原生js图片爆炸插件
  • ------- 计算机网络基础
  • 看域名解析域名安全对SEO的影响
  • 时间复杂度与空间复杂度分析
  • 世界编程语言排行榜2008年06月(ActionScript 挺进20强)
  • 原生JS动态加载JS、CSS文件及代码脚本
  • Java总结 - String - 这篇请使劲喷我
  • LevelDB 入门 —— 全面了解 LevelDB 的功能特性
  • 第二十章:异步和文件I/O.(二十三)
  • 摩拜创始人胡玮炜也彻底离开了,共享单车行业还有未来吗? ...
  • 树莓派用上kodexplorer也能玩成私有网盘
  • #Linux(make工具和makefile文件以及makefile语法)
  • #微信小程序:微信小程序常见的配置传值
  • (C语言版)链表(三)——实现双向链表创建、删除、插入、释放内存等简单操作...
  • (day6) 319. 灯泡开关
  • (动手学习深度学习)第13章 计算机视觉---图像增广与微调
  • (附源码)springboot 智能停车场系统 毕业设计065415
  • (免费领源码)python#django#mysql公交线路查询系统85021- 计算机毕业设计项目选题推荐
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (五)大数据实战——使用模板虚拟机实现hadoop集群虚拟机克隆及网络相关配置
  • (一)python发送HTTP 请求的两种方式(get和post )
  • **登录+JWT+异常处理+拦截器+ThreadLocal-开发思想与代码实现**
  • .net framework 4.0中如何 输出 form 的name属性。
  • .NET/C# 项目如何优雅地设置条件编译符号?
  • .NetCore 如何动态路由
  • .netcore 如何获取系统中所有session_如何把百度推广中获取的线索(基木鱼,电话,百度商桥等)同步到企业微信或者企业CRM等企业营销系统中...
  • .Net转Java自学之路—SpringMVC框架篇六(异常处理)