web图标使用教程（个人博客美化4之添加网站运行时间及鼠标图标效果）
web图标使用教程（个人博客美化4之添加网站运行时间及鼠标图标效果）你可以用阿里的或者bootstrap等，我这个hugo主题用的是semantic，去到官网查看使用方法，一般官网都会有具体的说明的。默认的一些图标可能没有长在你的看点上，找些好看的图标把它咔嚓掉。找个你喜欢的鼠标图标下载下来，解压后复制进你的网站中，尽量使用cur文件，兼容性强点。在你的css文件中，加入下面代码搞定。* { cursor: url("./normal.cur") auto !important; } 效果，嗯，截图半天发现鼠标截不进来，有兴趣的，移步这里查看吧——https://blog.freecrazy.cn
接着美。
二、鼠标图标有了鼠标特效，不整个鼠标图标，就如同人头戴着狗头面具，有人喜有人厌，为迎合大众，还是戴个人皮面具吧。
网页的鼠标原理很简单（搜了半天资料才敢写这个“简单”二字），使用css的cursor属性引用图标即可。
书到用时方觉有，以前玩腻的window美化网站发挥效用了——https://zhutix.com/tag/cursors/
找个你喜欢的鼠标图标下载下来，解压后复制进你的网站中，尽量使用cur文件，兼容性强点。
在你的css文件中，加入下面代码搞定。
* {
cursor: url("./normal.cur") auto !important;
}
效果，嗯，截图半天发现鼠标截不进来，有兴趣的，移步这里查看吧——https://blog.freecrazy.cn
三、网页图标默认的一些图标可能没有长在你的看点上，找些好看的图标把它咔嚓掉。
你可以用阿里的或者bootstrap等，我这个hugo主题用的是semantic，去到官网查看使用方法，一般官网都会有具体的说明的。
我们只需要把图标 <i class="save icon"></i> 中的 class 改成文档中的值即可。
四、网站运行时间js中添加代码
// start sitetime
function siteTime() {
// 建站时间 2021.10.22 18:30:33 改成自己的
start = new Date("10/22/2021 18:10:33");
now = new Date();
all_second = (now.getTime() - start.getTime());
day_second = 24 * 60 * 60 * 1000;
day_num = all_second / day_second;
day = Math.floor(day_num);
hour_num = (day_num - day) * 24;
hour = Math.floor(hour_num);
minute_num = (hour_num - hour) * 60;
minute = Math.floor(minute_num);
second = Math.floor((minute_num - minute) * 60);
document.getElementById("sitetime").innerHTML = "本站运行时间: " day "天" hour "小时" minute "分" (second > 9 ? second : "0" second) "秒"
}
setInterval(siteTime 1000);
//end sitetime
网站中找个显示地方添加 <span id="sitetime">载入运行时间...</span> 搞定。
效果：
有些效果玩着玩着就不想要了，有些主题折腾着折腾着就发现还是原版好看，有些人走着走着就错过了拐角点（让你玩手机）。
收工！
