title: 使用statcounter统计Hexo博客访问量
date: 2019-05-30 20:55:29
tags: 配置
---
介绍
statcounter是一个提供网站访问统计服务的网站:
StatCounter is a simple but powerful real-time web analytics service that helps you track, analyse and understand your visitors so you can make good decisions ...
本文将介绍如何在hexo博客中配置statcounter服务,以material主题为例
准备工作
- 注册statcounter账号:https://statcounter.com
- 一个已经基本配置好的Hexo+Material博客
开始配置
- 在 https://statcounter.com 中新建Project,项目名称建议与网站域名一致
- 按照指示填写Recipients,Project URL
- 选择自定义Visible Counter,然后选择Text Counter,Text Color和Background Color要根据你所放的位置以及你的主题进行选择
- 按指示进入下一步:Insert the Code on Your Website,复制所给的HTML代码
- 打开hexo主题文件夹中的“layout/_partial/”,可以看到这里有许多ejs文件,这些文件是hexo用来渲染HTML页面的模板,打开其中的footer.ejs
- 把我们之前复制的代码粘贴到合适的地方,并进行修改,以使统计数据不那么突兀。如果你使用的是Material主题,可以参考我的配置:
html <div> <div class="footer-develop-div">Powered by <a href="https://hexo.io" target="_blank" class="footer-develop-a">Hexo</a></div> <div class="footer-develop-div">Theme - <a href="https://github.com/viosey/hexo-theme-material" target="_blank" class="footer-develop-a">Material</a></div> <div class="footer-develop-div">Counter = <a href="https://statcounter.com/p12017931/summary/" target="_blank" class="footer-develop-a"> <script type="text/javascript"> var sc_project=你自己的信息; var sc_invisible=0; var sc_security="你自己的信息"; var sc_text=5; var scJsHost = "https://"; document.write("<sc"+"ript type=‘text/javascript‘ src=‘" + scJsHost+ "statcounter.com/counter/counter.js‘></"+"script>"); </script> </a> </div> </div>
- 最终效果可于:https://songwonderful.github.io/ 查看
原文地址:https://www.cnblogs.com/justsong/p/10952876.html
时间: 2024-11-09 09:55:10