美文网首页
Hexo next主题添加字数/阅读时间统计

Hexo next主题添加字数/阅读时间统计

作者: smile_frank | 来源:发表于2019-12-14 12:25 被阅读0次

可以直接访问我的博客看效果:https://smilefrank.github.io/

写在前面

直接上图看一下想实现的效果吧


添加字数/阅读时间统计

流程

1.安装hexo-wordcount插件

npm i --save hexo-wordcount

效果:根目录下打开 package.json文件,

步骤1
步骤2

遇到的坑

终端输入npm i --save hexo-wordcount指令安装插件提示失败

安装.png
解决办法
  1. 根据提示信息babel-eslint@10.0.2 requires a peer of eslint@>= 4.12.1 but none is installed. You must install peer dependencies yourself.。意思就是缺少安装的东西
  2. 到项目根目录下找到package.json文件,添加如下两行:
  "dependencies": {
    "hexo": "^3.9.0",
    "hexo-deployer-git": "^1.0.0",
    "hexo-generator-archive": "^0.1.5",
    "hexo-generator-category": "^0.1.3",
    "hexo-generator-index": "^0.2.1",
    "hexo-generator-search": "^2.4.0",
    "hexo-generator-searchdb": "^1.2.0",
    "hexo-generator-tag": "^0.2.0",
    "hexo-renderer-ejs": "^0.3.1",
    "hexo-renderer-marked": "^1.0.1",
    "hexo-renderer-stylus": "^0.3.3",
    "hexo-server": "^0.3.3",
    "hexo-wordcount": "^6.0.1",
    //添加下面的两行
    "babel-eslint": "^10.0.2",
    "eslint": "^4.12.1"
  
  }
  1. 最后执行一下上述安装操作

添加字数和分钟

找到Blog\themes\next\layout\_macro\post.swig 文件

添加字数分钟

找到如下代码,并且添加上想要添加的文字 分钟字符

字数统计

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

分钟数统计

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

相关文章

网友评论

      本文标题:Hexo next主题添加字数/阅读时间统计

      本文链接:https://www.haomeiwen.com/subject/inecnctx.html