博客
关于我
hexo笔记十二:next主题统计网站与文章的浏览人数及次数
阅读量:782 次
发布时间:2019-03-21

本文共 1153 字,大约阅读时间需要 3 分钟。

1 修改Hexo主题配置文件中的Busuanzi计数功能

Busuanzi是一个轻量级的访问量统计工具,支持自定义显示总访问人数和总访问量等信息。以下是详细的配置步骤:

cd 博客目录 vim theme/next/_config.yml

在配置文件中找到busuanzi_count部分,取消原有的注释:

busuanzi_count:  enable: true  total_visitors: true  total_visitors_icon: user  total_views: true  total_views_icon: eye  post_views: true  post_views_icon: eye

注意:不同浏览器可能会有不同的显示效果,这是正常现象,建议在多个浏览器中测试查看效果。

2 修改Busuanzi计数模板文件

我们需要使用Hexo自带的Busuanzi计数模板进行定制:

cd 博客目录 cd themes/next/layout/_third-party/analytics # 备份原有模板 mv busuanzi-counter.swig busuanzi-counter.swig.bak # 创建新模板 vim busuanzi-counter.swig

将以下内容复制到新建的busuanzi-counter.swig文件中:

{% if theme.busuanzi_count.enable %}       已有  {{ busuanzi_value_site_uv }} 人访问      {% if theme.busuanzi_count.total_views %}  |      总访问  {{ busuanzi_value_site_pv }} 次    {% endif %} {% endif %}

3 个性化底部建站信息

如果想更改底部的建站信息,可以在Hexo配置文件中进行调整:

vim theme/next/_config.yml

修改footer部分:

footer:  # 指定站点创建的年份,默认为当前年份  since: 2019  # 站点创建的图标  icon: snowflake-o

图标将显示为一个雪花样式,建议根据需要选择合适的图标符号。

4 生成功能测试

完成以上配置后,重新生成Hexo站点:

cd 博客目录 hexo g

生成完成后,可以在浏览器中查看效果。

注意事项:

- Busuanzi统计依赖于浏览器的cookies,不同浏览器可能会有不同的表现(如Safari每次刷新会清除cookies)。- Chrome和Firefox在匿名模式下可能会有不同的统计结果,请根据需求进行测试。

转载地址:http://bdtez.baihongyu.com/

你可能感兴趣的文章
npm介绍以及常用命令
查看>>
NPM使用前设置和升级
查看>>
npm入门,这篇就够了
查看>>
npm切换到淘宝源
查看>>
npm切换源淘宝源的两种方法
查看>>
npm前端包管理工具简介---npm工作笔记001
查看>>
npm包管理深度探索:从基础到进阶全面教程!
查看>>
npm升级以及使用淘宝npm镜像
查看>>
npm发布包--所遇到的问题
查看>>
npm发布自己的组件UI包(详细步骤,图文并茂)
查看>>
npm和package.json那些不为常人所知的小秘密
查看>>
npm和yarn清理缓存命令
查看>>
npm和yarn的使用对比
查看>>
npm如何清空缓存并重新打包?
查看>>
npm学习(十一)之package-lock.json
查看>>
npm安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
查看>>
npm安装crypto-js 如何安装crypto-js, python爬虫安装加解密插件 找不到模块crypto-js python报错解决丢失crypto-js模块
查看>>
npm安装教程
查看>>
npm报错Cannot find module ‘webpack‘ Require stack
查看>>
npm报错Failed at the node-sass@4.14.1 postinstall script
查看>>