【博客】3-hexo主题博客魔改日志

添加了主题未带的运行时间，记录魔改过程。

参考教程

Hexo 页脚增加网站运行时间统计

示例

我的主页

代码

在[RootBlog]\themes\3-hexo\layout\index.ejs标签</body>前添加时间运行脚本：

<script language="javascript">
document.addEventListener('DOMContentLoaded', function() {
    function siteTime() {
        var seconds = 1000;
        var minutes = seconds * 60;
        var hours = minutes * 60;
        var days = hours * 24;

        var today = new Date();
        var t1 = Date.UTC(2024, 7, 17, 00, 00, 00);
        var t2 = Date.UTC(today.getFullYear(), today.getMonth(), today.getDate(), today.getHours(), today.getMinutes(), today.getSeconds());
        var diff = t2 - t1;

        var diffDays = Math.floor(diff / days);
        var diffHours = Math.floor((diff % days) / hours);
        var diffMinutes = Math.floor((diff % hours) / minutes);
        var diffSeconds = Math.floor((diff % minutes) / seconds);

        var daysElement = document.getElementById("sitetime-days");
        var hoursElement = document.getElementById("sitetime-hours");
        var minutesElement = document.getElementById("sitetime-minutes");
        var secondsElement = document.getElementById("sitetime-seconds");

        if (daysElement && hoursElement && minutesElement && secondsElement) {
            daysElement.textContent = diffDays;
            hoursElement.textContent = diffHours;
            minutesElement.textContent = diffMinutes;
            secondsElement.textContent = diffSeconds;
        }

        window.setTimeout(siteTime, 1000);
    }

    siteTime();
});
</script>

上述脚本修改博客起始时间：

var t1 = Date.UTC(2024, 7, 17, 00, 00, 00);

注意：脚本按“天”直接累计建站至今的总天数，不要按年（365 天）先拆分再取余——否则每满一年就会被从显示的天数里扣掉，页面上只剩不足一年的余数（例如运行两年多却只显示“13天”）。

然后再在主页[RootBlog]\themes\3-hexo\layout\indexs.md中添加运行时间：

<li>
  本站运行时间：<code id="sitetime-days"></code>天 
  <code id="sitetime-hours"></code>时 
  <code id="sitetime-minutes"></code>分
  <code id="sitetime-seconds"></code>秒
</li>

---

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 3415226167@qq.com