博客个性化页脚

<%
const content = theme.footer.content?.replace('{author.name}', (config.author || 'Anonymity'))?.replace('{theme.name}', stellar_info('name'))?.replace('{theme.version}', stellar_info('version'))?.replace('{theme.tree}', stellar_info('tree'))

function layoutDiv() {
  var el = ''
  el += `<footer class="page-footer${scrollreveal(' ')} footnote">`
  el += '<hr>'
  // sitemap
  if (theme.footer.sitemap && Object.keys(theme.footer.sitemap).length > 0) {
    el += '<div class="sitemap">'
    for (let group of Object.keys(theme.footer.sitemap)) {
      let items = theme.footer.sitemap[group]
      if (items == undefined || items.length == 0) {
        continue
      }
      el += '<div class="sitemap-group">'
      el += '<span class="fs15">' + group + '</span>'
      items.forEach((item, i) => {
        el += '<a href="' + url_for(md_link(item)) + '">'
        el += __(md_text(item))
        el += '</a>'
      });
      el += '</div>'
    }
    el += '</div>'
  }
  // footer content
  el += '<div class="footer-content">' 
  if (content) {
    el += markdown(content)
  }
  el += '<span id="runtime_span"></span>' 
  el += '</div></footer>'
  return el
}
%>
<%- layoutDiv() %>

<script type="text/javascript">
  function show_runtime() {
      window.setTimeout(show_runtime, 1000); 

      const startDate = new Date("2023/05/10 17:00:00"); 
      const currentDate = new Date(); 
      const timeDifference = currentDate - startDate; 

      const millisecondsInADay = 24 * 60 * 60 * 1000; 
      const days = timeDifference / millisecondsInADay; 
      const fullDays = Math.floor(days); 
      const hours = (days - fullDays) * 24; 
      const fullHours = Math.floor(hours); 
      const minutes = (hours - fullHours) * 60; 
      const fullMinutes = Math.floor(minutes); 
      const seconds = Math.floor((minutes - fullMinutes) * 60); 

      const timeString = `${fullDays} 天 ${fullHours.toString().padStart(2, '0')} 小时 ${fullMinutes.toString().padStart(2, '0')} 分 ${seconds.toString().padStart(2, '0')} 秒`;

      const currentHour = currentDate.getHours();  // 获取当前小时数

      let message;
      if (currentHour < 18 && currentHour >= 9) {  // 使用当前小时数进行条件判断
          message = `<img class='boardsign' src='https://img.shields.io/badge/mikey-red?style=social&logo=BuyMeACoffee' title='祝我马上财富自由呀~'><br>
                  <div style="font-size:13px;font-weight:bold">
                    本站居然运行了 ${timeString} 
                    <i id="heartbeat" class="fas fa-heartbeat"></i><br>
                  </div>
                  <div style="font-size:13px;font-weight:bold">
                    本博客所有文章除特别声明外，均采用<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">[CC BY-NC-SA 4.0]</a>
                    许可协议，转载请注明出处。
                  </div>`;
      } else {
          message = `<img class='boardsign' src='https://img.shields.io/badge/sleep-red?style=social&logo=BuyMeACoffee' title='下班了就该开开心心地玩耍~'><br>
                    <div style="font-size:13px;font-weight:bold">
                      本站居然运行了 ${timeString} 
                      <i id="heartbeat" class="fas fa-heartbeat"></i><br>
                    </div>
                    <div style="font-size:13px;font-weight:bold">
                      本博客所有文章除特别声明外，均采用<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">[CC BY-NC-SA 4.0]</a>
                      许可协议，转载请注明出处。
                    </div>
                    <br>`;
        }
        document.getElementById("runtime_span").innerHTML = message;
        }
        show_runtime();
</script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">