MENU

增加博客运行时间和阅读统计 | Blog 折腾小记(2)

September 16, 2018 • Read: 43 • 笔记•记录

本文若有失效或者错误内容请留言或者通过其他方式联系我,尽可能及时更新。

欢迎关注不怎么更新的 TG 频道


博客运行时间

为博客添加运行时间,效果如图所示:

具体实现代码如下,将该段代码加入到footer.html里面即可。

<center>
露水已存留 <SPAN id=span_dt_dt style="color: #0196e3;"></SPAN>  //名字自己修改
<SCRIPT language=javascript>
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("9/13/2018 00:00:00");//日期自己修改
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML=""+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
}
show_date_time();
</SCRIPT>
</center>

利用不蒜子增加阅读量统计

感谢不蒜子提供的免费服务

安装脚本

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

该脚本文件同样添加到footer.html中,如图

安装标签

  • 网站访问量

代码如下:

<span id="busuanzi_container_site_uv">
您是本站第<span id="busuanzi_value_site_uv"></span>位小伙伴
</span>

写在 footer.html中,位置如图,里面的文字可以自己修改。

  • 单页面访问次数

代码如下,出自LingLinyp的Github

<span class="meta"><i class="fa fa-user" aria-hidden="true"></i>&nbsp;{% if site.author %}{{ site.author }}{% else %}{{ site.title }}{% endif %}&nbsp;&nbsp;&nbsp;<i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;&nbsp;{{ page.date | date: "%Y-%m-%d" }}&nbsp;&nbsp;&nbsp;<i class="fa fa-check-square-o" aria-hidden="true"></i>{{ content | strip_html | strip_newlines | size }}&nbsp;words&nbsp;&nbsp;<span id="busuanzi_container_page_pv">
                    <i class="fa fa-eye" aria-hidden="true"></i>&nbsp;<span id="busuanzi_value_page_pv">&</span>&nbsp;views</span>

该段代码写在 post.html中,位置如图:


本文链接:https://10101.io/2018/09/16/Blog_2
本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可,转载请注明出处。

Last Modified: October 7, 2019
Archives QR Code Tip
QR Code for this page
Tipping QR Code