博客
关于我
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 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
查看>>
npm报错fatal: Could not read from remote repository
查看>>
npm报错File to import not found or unreadable: @/assets/styles/global.scss.
查看>>
npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
查看>>
npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
查看>>
npm版本过高问题
查看>>
npm的“--force“和“--legacy-peer-deps“参数
查看>>
npm的安装和更新---npm工作笔记002
查看>>
npm的常用操作---npm工作笔记003
查看>>
npm的常用配置项---npm工作笔记004
查看>>
npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
查看>>
npm编译报错You may need an additional loader to handle the result of these loaders
查看>>
npm设置淘宝镜像、升级等
查看>>
npm设置源地址,npm官方地址
查看>>
npm设置镜像如淘宝:http://npm.taobao.org/
查看>>
npm配置安装最新淘宝镜像,旧镜像会errror
查看>>