博客运行时间

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

    {{ with .Site.Params.footer.runtimeSince }}
    <section class="runtime" style="margin-top:8px;font-size:1.3rem">
        <span id="site-runtime">站点已运行计算中...</span>
    </section>
    <script>
      (function(){
        var sinceStr = '{{ . }}'.replace('T',' ').replace('t',' ');
        var start = new Date(sinceStr);
        function update(){
          var now = new Date();
          var diff = Math.max(0, now - start);
          var days = Math.floor(diff / (24*60*60*1000));
          var hours = Math.floor((diff % (24*60*60*1000)) / (60*60*1000));
          var mins = Math.floor((diff % (60*60*1000)) / (60*1000));
          var secs = Math.floor((diff % (60*1000)) / 1000);
          var el = document.getElementById('site-runtime');
          if(el){ el.textContent = '站点已运行 ' + days + ' 天 ' + hours + ' 小时 ' + mins + ' 分 ' + secs + ' 秒'; }
        }
        update();
        setInterval(update, 1000);
      })();
    </script>
    {{ end }}

1

runtimeSince: 2025-08-025T00:00:00   # 站点开始运行的时间（本地时区），用于页脚运行时间

1
2
3
4
5
6

/* 页脚运行时间颜色与版权一致 */
footer.site-footer {
  .runtime {
    color: var(--accent-color);
    font-weight: bold;
  }