博客
关于我
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.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详解
查看>>
Node.js之async_hooks
查看>>
Node.js初体验
查看>>
Node.js升级工具n
查看>>
Node.js卸载超详细步骤(附图文讲解)
查看>>
Node.js卸载超详细步骤(附图文讲解)
查看>>
Node.js基于Express框架搭建一个简单的注册登录Web功能
查看>>
node.js学习之npm 入门 —8.《怎样创建,发布,升级你的npm,node模块》
查看>>
Node.js安装与配置指南:轻松启航您的JavaScript服务器之旅
查看>>
Node.js安装及环境配置之Windows篇
查看>>
Node.js安装和入门 - 2行代码让你能够启动一个Server
查看>>