静态主页的小更新(实时天数,浏览人数,github徽章等)

1.加入实时天数

  • 主页【R’s Blog
  • 代码如下:(直接引用到网页即可)
<span id="runtime_span"></span> 
<script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);X=new 
Date("12/31/2019 00:00:00");
Y=new Date();T=(Y.getTime()-X.getTime());M=24*60*60*1000;
a=T/M;A=Math.floor(a);b=(a-A)*24;B=Math.floor(b);c=(b-B)*60;C=Math.floor((b-B)*60);D=Math.floor((c-C)*60);
runtime_span.innerHTML="本站运行:"+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();
</script> 

2.加入实时浏览人数

  • 访客github徽章
  • 原作者【链接】【github
  • 使用一行js代码即可
  • 修改【page_id=】添加一个自定义id,例如https://visitor-badge.glitch.me/badge?page_id=mr90.top
 <span>浏览人数:<img src="https://visitor-badge.glitch.me/badge?page_id=(添加一个你自己的id)" alt="访客人数"></span>

3.底部加入github徽章

  • 原作者【链接
  • 代码如下:<img标签>
<img src="https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>.svg">
color的颜色有:brightgreen,green,yellow,greenyellow,orange,red,blue,lightgrey,success,important,critical,informational,inactive,blue,violet,ff69b4,9cf
  • 修改中间的<>里面的,用 【- 】链接
  • markdown文章的GitHub徽章的写法如下
[![GitHub]()]()
或者<img src="https://img.shields.io/badge/Github-托管-brightgreen.svg">
  • 可能遇到的问题,显示图片转存失败直接用【img标签即可】

4.网站加载耗时

  • 引入一个js代码即可
  • 代码如下:
    <!--加载耗时-->
    <body onload="onLoad()">
    <script src="https://cdn.mr90.top/js/timejz.js"></script>
    <p id="i"></p> 
    </body>
  • 想获取源代码,直接网址查看即可

3.分享一下我的公众号和小程序

不定时更新哦!
感谢关注
公众号 小程序
微信公众号:今日在学 微信小程序:课程微答案
  • 如有疑问联系客服,小程序即可直接联系
  • 禁止转载,严禁商用,如若转载标明来源

猜你喜欢

转载自blog.csdn.net/www1577791638/article/details/109034381