可以直接访问我的博客看效果:https://smilefrank.github.io/
写在前面
直接上图看一下想实现的效果吧
添加字数/阅读时间统计
流程
1.安装hexo-wordcount
插件
npm i --save hexo-wordcount
效果:根目录下打开 package.json
文件,
步骤2
遇到的坑
终端输入npm i --save hexo-wordcount
指令安装插件提示失败
解决办法
- 根据提示信息
babel-eslint@10.0.2 requires a peer of eslint@>= 4.12.1 but none is installed. You must install peer dependencies yourself.
。意思就是缺少安装的东西 - 到项目根目录下找到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"
}
- 最后执行一下上述安装操作
添加字数和分钟
找到Blog\themes\next\layout\_macro\post.swig
文件
找到如下代码,并且添加上想要添加的文字
字
、分钟
字符
字数统计
<span title="{{ __('post.wordcount') }}">
{{ wordcount(post.content) }} 字
</span>
分钟数统计
<span title="{{ __('post.min2read') }}">
{{ min2read(post.content) }} 分钟
</span>
网友评论