其实这个功能就是在文章侧边栏加入一个统计代码就可以进行实现，去看你博客这里只是将原有的单调统计文字加入图片中美化，下面先看看效果吧！
美化效果
博主用的是知更鸟主题，所以只需要将下面的代码放入文章页面的侧边工具栏中即可！
<script type="text/javascript"">
if(localStorage.pagecount){localStorage.pagecount=Number(localStorage.pagecount)+1}else{localStorage.pagecount=1}document.write("你是第"+localStorage.pagecount+"次打开去看你博客文章页面！"); </script>
以上为简单的统计代码，下面为博主美化后的代码。
<div class="img-group"><img src="https://www.7kanni.cn/wp-content/uploads/2019/07/2019072708133271.jpg"><div class="img-tip"><script type="text/javascript"">
if(localStorage.pagecount){localStorage.pagecount=Number(localStorage.pagecount)+1}else{localStorage.pagecount=1}document.write("你是第"+localStorage.pagecount+"次打开去看你博客文章页面！"); </script></div></div>
<style type="text/css">
.img-group { position: relative; display: inline-block;} .img-tip { position: absolute; bottom: 0; background: #333; color: #fff; opacity: 0.6; width: 100%; text-align: center;}
</style>
其实需要的朋友还可以用来做其他的扩展，比如：
- 给图片加上链接，可以做为“给我投稿”入口
- 图片太过于单调，利用图片接口可以每次更换背景图片
博主这里就简单的加入一些样式，做个统计效果就好了 😛
去看你博客原创文章，作者：去看你博客，如若转载，请注明出处：https://www.7kanni.cn/1385.html
赞 (2)
本地测试神器：phpStudy V8.0 版本正式上线！
上一篇
2019-07-24 am2:37
《哥斯拉2：怪兽之王》高清未删减版
下一篇
2019-07-28 am6:29
评论列表（8条）
能折腾是好事，知道自己要啥更是重要。
就怕折腾出未知的bug
多一个提示也不错，不过作用估计不大，估计投放站内的图片广告会更有用
@boke112导航：小站投放广告收益不高，作为一个投稿入口还是可以的
我现在使用鸟的原始版了，不作任何修改
@张波博客：哈哈?，折腾一下还是不错的。
这个不错！
@南瓜IT：喜欢就好。