hexo博客页面添加访问量统计

  • Post author:
  • Post category:其他

访问量统计的比较简单的方式是通过不蒜子网页访问量统计工具,几行代码即可搞定计数问题

打开接口

themes/yilia/_config.yml的配置文件中添加以下属性

busuanzi:
 enable: true

配置脚注文件
themes/yilia/layout/_partial/footer.ejs文件中的</footer>标签前添加以下代码

<% if (theme.busuanzi && theme.busuanzi.enable){ %>
       <span id="busuanzi_container_site_pv">
               本站总访问量<span id="busuanzi_value_site_pv"></span>次
       </span>
       <span class="post-meta-divider">|</span>
       <span id="busuanzi_container_site_uv" style='display:none'>
               本站访客数<span id="busuanzi_value_site_uv"></span>人
       </span>
       <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
 <% } %>
  • 注意
    不用担心vscode环境代码的< >符号会标红

文章访问量设置
打开/yilia/layout/_partial/post/date.ejs文件 在文件头部添加以下代码

<% if (theme.busuanzi && theme.busuanzi.enable && !index){ %>

	<span id="busuanzi_container_page_pv" style='display:none' class="<%= class_name %>">
		  <i class="icon-smile icon"></i> 阅读数:<span id="busuanzi_value_page_pv"></span>次
	</span>
<% } %>
  • 注意
    不用担心vscode环境代码的< >符号会标红

保存设置重新部署


版权声明:本文为weixin_46439063原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。