博客
关于我
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/

你可能感兴趣的文章
Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
查看>>
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
查看>>
node-request模块
查看>>
Node.js 8 中的 util.promisify的详解
查看>>
Node.js 函数是什么样的?
查看>>
Node.js 历史
查看>>
Node.js 在个推的微服务实践:基于容器的一站式命令行工具链
查看>>
Node.js 实现类似于.php,.jsp的服务器页面技术,自动路由
查看>>
Node.js 异步模式浅析
查看>>
node.js 怎么新建一个站点端口
查看>>
Node.js 文件系统的各种用法和常见场景
查看>>
Node.js 的事件循环(Event Loop)详解
查看>>
node.js 简易聊天室
查看>>
Node.js 线程你理解的可能是错的
查看>>
Node.js 调用微信公众号 API 添加自定义菜单报错的解决方法
查看>>
node.js 配置首页打开页面
查看>>
node.js+react写的一个登录注册 demo测试
查看>>
Node.js中环境变量process.env详解
查看>>