静态主页的小更新（实时天数，浏览人数，github徽章等）

最新推荐文章于 2022-08-07 14:31:51 发布

Harry-iu

最新推荐文章于 2022-08-07 14:31:51 发布

阅读量275

点赞数

分类专栏： # 博客美化

本文链接：https://blog.csdn.net/www1577791638/article/details/109034381

版权

博客美化专栏收录该内容

8 篇文章 0 订阅

订阅专栏

网站更新

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.分享一下我的公众号和小程序

不定时更新哦！
感谢关注


微信公众号：今日在学	微信小程序：课程微答案

如有疑问联系客服，小程序即可直接联系
禁止转载，严禁商用，如若转载标明来源

Harry-iu

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
静态主页的小更新（实时天数，浏览人数，github徽章等）

网站更新1.加入实时天数2.加入实时浏览人数3.底部加入github徽章4.网站加载耗时3.分享一下我的公众号和小程序1.加入实时天数主页【R’s Blog】代码如下：（直接引用到网页即可）<span id="runtime_span"></span> <script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);X=new D
复制链接

扫一扫