hexo yilia 文章浏览量统计

来源:互联网 发布:太原理工大学软件好吗 编辑:程序博客网 时间:2024/06/06 12:50

本人搭建的博客地址:http://www.janszeng.top/

上一篇文章,已经比较详细的介绍了如何搭建一个属于自己的专属博客了。现在假如有这样一个需求,我想知道我的博客,每天的访问量大概多少?每天的访问人数大概多少?

这时候,就需要用到统计插件了,本人使用2种,不蒜子跟友盟

0x01友盟配置

  • 获取友盟统计代码
    先去友盟官网注册账号,然后,选择站点资料:umeng_details
    点击确定后,在获取代码这栏,根据自己的爱好选择代码,本人选择如下:umeng_code
    这样友盟的注册已经完成,统计代码也获取到
  • 配置 yilia
    新版的yilia如下配置,打开hexo\themes\yilia\layout_partial\footer.ejs,在footer-info,这个div里面,添加你刚刚copy的统计代码,我的如下umeng_count_code
    这样,友盟的统计已经配置好,执行下列代码
hexo cleanhexo ghexo s

然后浏览器访问http://localhost:4000/,这时,在网站底部会有下列显示umeng_show
然后,执行下列代码,上传到github:

hexo ghexo d

0x02 不蒜子配置

不蒜子的配置很简单,先去不蒜子官网获取代码,修改hexo\themes\yilia\layout_partial\footer.ejs,在后,添加如下代码:

<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

然后,根据个人爱好选择下列代码:
网站的总的访问量

<span id="busuanzi_container_site_pv">    总访问量: <span id="busuanzi_value_site_pv"></span></span>

网站总的访问人数:

<span id="busuanzi_container_site_uv">    总访客: <span id="busuanzi_value_site_uv"></span></span>

单页访问量:

<span id="busuanzi_container_page_pv">  本文总阅读量<span id="busuanzi_value_page_pv"></span></span>

下面是本人的一些配置,添加单页访问量,修改hexo\themes\yilia\layout_partial\article.ejs,在<%- partial(‘post/tag’) %> 后添加如下代码:

<span id="busuanzi_container_page_pv">  |阅读量(<span id="busuanzi_value_page_pv"></span>)</span>

添加总的访问量跟总的访问人数,修改hexo\themes\yilia\layout_partial\footer.ejs:

<div calss="count-span">    <span id="busuanzi_container_site_pv">        总访问量: <span id="busuanzi_value_site_pv"></span>|    </span>    <span id="busuanzi_container_site_uv">        总访客: <span id="busuanzi_value_site_uv"></span>    </span></div>

本人footer.ejs,配置如下footer_count
然后重新编译,运行,就可以看到如下效果了busuanzi_count

0x03 鸣谢

  • 不简单的光 hexo yilia主题增加分享以及访问统计
  • ChenJie hexo博客yilia主题优化(一)增加网站统计
  • JansZeng技术博客 hexo yilia 文章浏览量统计