给Fluid添加运行时间尾标

为Fluid模板添加运行时间尾标

时间计算代码源自网络，点此直达。
最近学业繁忙，先记下简单步骤，这几天有时间尝试贡献到github社区。
本人并非编程专业，只是刚开始接触的爱好者，如有纰漏请多多指正。

1. 在\themes\fluid\layout\_partial路径下创建timer.ejs文件，将代码复制进去。

<div class="timer">
<span id="sitetime"></span>
<script language=javascript>
    function siteTime(){
        window.setTimeout("siteTime()", 1000);
        var seconds = 1000;
        var minutes = seconds * 60;
        var hours = minutes * 60;
        var days = hours * 24;
        var years = days * 365;
        var today = new Date();
        var todayYear = today.getFullYear();
        var todayMonth = today.getMonth()+1;
        var todayDate = today.getDate();
        var todayHour = today.getHours();
        var todayMinute = today.getMinutes();
        var todaySecond = today.getSeconds();
        /*
        Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
        year - 作为date对象的年份，为4位年份值
        month - 0-11之间的整数，做为date对象的月份
        day - 1-31之间的整数，做为date对象的天数
        hours - 0(午夜24点)-23之间的整数，做为date对象的小时数
        minutes - 0-59之间的整数，做为date对象的分钟数
        seconds - 0-59之间的整数，做为date对象的秒数
        microseconds - 0-999之间的整数，做为date对象的毫秒数
        source: xian6ge.cn Revised: chifengduijia.com
        */
        var t1 = Date.UTC(2022,04,02,00,18,13); //修改左边时间为你博客的生日，如北京时间1949-10-01 00:00:00
        var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
        var diff = t2-t1;
        var diffYears = Math.floor(diff/years);
        var diffDays = Math.floor((diff/days)-diffYears*365);
        var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
        var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
        var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
        document.getElementById("sitetime").innerHTML=" 已运行 "+/*diffYears+" 年 "+*/diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒";
    }
    siteTime();
</script>

2.在同样路径下打开footer.ejs文件，在下面框1位置插入框2代码.

框1

<footer class="text-center mt-5 py-3">
  <div class="footer-content">
    <%- theme.footer.content %>
  </div>
 此处插入下框代码
 <%- partial('_partial/statistics.ejs') %>
 <%- partial('_partial/beian.ejs') %>
 <% if(theme.web_analytics.cnzz) { %>
   <!-- cnzz Analytics Icon -->
   <span id="cnzz_stat_icon_<%= theme.web_analytics.cnzz %>" style="display: none"></span>
 <% } %>
</footer>

框2

<div class="timer">
    <!-- source:xian6ge.cn Revised：chifengduijia.com -->
    <%- partial('_partial/timer.ejs') %>
</div>

大功告成！

## 3.在`\themes\fluid`路径下打开`_config.yml`文件。注意不是根目录的！ 找到第395行，名为footer。在框1后面插入框2代码。 框1

footer:
  # 页脚第一行文字的 HTML，建议保留 Fluid 的链接，用于向更多人推广本主题
  # HTML of the first line of the footer, it is recommended to keep the Fluid link to promote this theme to more people
  content: '
    <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"><span>Theme-Fluid</span></a>
  '
  从此行开始插入，注意缩进，让timer和content对齐。

框2

#统计博客运行时间
#source:xian6ge.cn Revised：chifengduijia.com
timer:
  enable: true