相信技术的力量

Hexo添加字数统计、阅读时长、友情链接

字数统计

NexT主题默认已经集成了文章【字数统计】、【阅读时长】统计功能,如果我们需要使用,需要经过两步:只

第一步:安装word_count插件,在博客根目录下打开终端

npm install hexo-wordcount --save

第二步:在主题配置文件(Blog\themes\next\config.yml)中打开wordcount 统计功能

# Post wordcount display settings
# Dependencies: https://github.com/willin/hexo-wordcount
post_wordcount:
  item_text: true
  wordcount: true
  min2read: true

问题

如果仅仅只是打开开关,部署之后会发现文章的【字数统计】和【阅读时长】后面没有对应的xxx字,xx分钟等字样,只有光秃秃的数字在那里。如下图

Hexo字数统计阅读时长-失败

解决方案

找到Blog\themes\next\layout\_macro\post.swig 文件,将“字”、“分钟” 字样添加到如下位置即可。

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

 ...

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

再次运行,就能得到正常的如“字数统计 1888字”“阅读时长 6分钟”这样的样式了,如下图:

Hexo字数统计阅读时长-成功

添加友情链接

在主题配置文件(Blog\themes\next_config.yml)中打开links 开关即可

# Blog rolls 友情链接
links_title: Links
links_layout: block
links_layout: inline
links:
  test: http://www.example.com

问题

正常情况下本地部署,远程部署都没有问题,添加了友情链接之后,hexo s 本地部署的时候,就报出了如下异常

INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
Unhandled rejection Error: ENOENT: no such file or directory, open 'D:\Blog\themes\next\layout\_scripts\schemes\.swig'
    at Error (native)
    at Object.fs.openSync (fs.js:641:18)
    at Object.fs.readFileSync (fs.js:509:33)
    at Object.ret.load (D:\Blog\node_modules\swig\lib\loaders\filesystem.js:55:15)
    at compileFile (D:\Blog\node_modules\swig\lib\swig.js:695:31)
    at Object.eval [as tpl] (eval at <anonymous> (D:\Blog\node_modules\swig\lib\swig.js:498:13), <anonymous>:842:18)
    at compiled (D:\Blog\node_modules\swig\lib\swig.js:619:18)
    at _compiled (D:\Blog\node_modules\hexo\lib\theme\view.js:127:30)
    at View.render (D:\Blog\node_modules\hexo\lib\theme\view.js:29:15)
    at D:\Blog\node_modules\hexo\lib\hexo\index.js:388:25
    at tryCatcher (D:\Blog\node_modules\bluebird\js\release\util.js:16:23)
...

提示说在themes\next\layout\_scripts\schemes 目录下找不到.swig 这个文件,但是没有添加友链之前好像也没什么问题啊?一头雾水。。。

解决方案

官方issue 中也没有找到自己想要的解决方案,而且google下这个问题,遇到的人好像也不多,就想到可能只是个简单的小配置问题。

于是又回头看了看文件内容,想到了第一眼看到时就比较奇怪的一点:

links_layout: block
links_layout: inline

有两个layout配置,不觉得奇怪吗?

于是果断注释掉其中一个,再次运行hexo s ,完美运行!再次测试注释掉另外一个,依然完美运行!OK,就这么轻松愉快的解决了,猜测可能是多文件冲突导致的.swig 生成问题。

(完)

⬆️