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

你可能感兴趣的文章
nowcoder—Beauty of Trees
查看>>
np.arange()和np.linspace()绘制logistic回归图像时得到不同的结果?
查看>>
np.power的使用
查看>>
NPM 2FA双重认证的设置方法
查看>>
npm build报错Cannot find module ‘webpack/lib/rules/BasicEffectRulePlugin‘解决方法
查看>>
npm build报错Cannot find module ‘webpack‘解决方法
查看>>
npm ERR! ERESOLVE could not resolve报错
查看>>
npm ERR! fatal: unable to connect to github.com:
查看>>
npm ERR! Unexpected end of JSON input while parsing near '...on":"0.10.3","direc to'
查看>>
npm ERR! Unexpected end of JSON input while parsing near ‘...“:“^1.2.0“,“vue-html-‘ npm ERR! A comp
查看>>
npm error Missing script: “server“npm errornpm error Did you mean this?npm error npm run serve
查看>>
npm error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装
查看>>
npm install CERT_HAS_EXPIRED解决方法
查看>>
npm install digital envelope routines::unsupported解决方法
查看>>
npm install 卡着不动的解决方法
查看>>
npm install 报错 EEXIST File exists 的解决方法
查看>>
npm install 报错 ERR_SOCKET_TIMEOUT 的解决方法
查看>>
npm install 报错 Failed to connect to github.com port 443 的解决方法
查看>>
npm install 报错 fatal: unable to connect to github.com 的解决方法
查看>>
npm install 报错 no such file or directory 的解决方法
查看>>