hexo yilia 文章浏览量统计

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

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

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

0x01友盟配置

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

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

hexo g
hexo 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,配置如下hexo yilia 文章浏览量统计_第4张图片
然后重新编译,运行,就可以看到如下效果了hexo yilia 文章浏览量统计_第5张图片

0x03 鸣谢

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

你可能感兴趣的:(hexo+yilia,hexo,yilia,文章浏览统计)