Hexo添加字数统计,阅读时长,字数统计并自定义样式

添加字数统计,阅读时长,字数统

在next主题

1
2

找到然后修改属性```true

1
2
3
4
5
6
7
8
9

# 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 d -g```即可
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20


# 自定义样式


> themes/next/layout/_macro/post.swig



路径下找到

单篇阅读次数



```html

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

改成

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

同理

单篇阅读时长

1
2
3
4

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

网站字数统计

themes/next/layout/_macro/footer.swig

找到

1
2
3
4
5
6
7
8
9
10
11


<span class="post-meta-item-icon">
<i class="fa fa-area-chart"></i>
</span>
{% if theme.post_wordcount.item_text %}
<span class="post-meta-item-text">{{ __('post.totalcount') }}&#58;</span>
{% endif %}
<span title="{{ __('post.totalcount') }}">{#
#}{{ totalcount(site, '0,0.0a') }}{#
#} </span>

改成下面

1
2
3
4
5
6
7
8
9
10
11


<span class="post-meta-item-icon">
<i class="fa fa-area-chart"></i>
</span>
{% if theme.post_wordcount.item_text %}
<span class="post-meta-item-text">全站字数统计&#58;</span>
{% endif %}
<span title="{{ __('post.totalcount') }}">{#
#}{{ totalcount(site, '0,0.0a') }}{#
#} 字</span>

然后

hexo d -g```
1
2
3
4
5
6
7



# 注解

如果没有生效,
可能没有安装 ```hexo-wordcount``` 插件,先安装该插件:

npm i —save hexo-wordcount

1
2
3
4
5
6
7
8
9




Node 版本 7.6.0 之前


```
npm install hexo-wordcount@2 --save

然后sudo hexo d -g


很惭愧,只做了些微小的工作,您的支持将鼓励我继续努力创作!