hexo页面底部添加网站运行时间

修改主题布局文件

打开theme\next\layout\_layout.swig,添加html代码。

<footer id="footer" class="footer">
      <div class="footer-inner">
        {% include '_partials/footer.swig' %}
        {% include '_third-party/analytics/analytics-with-widget.swig' %}
        {% block footer %}{% endblock %}

<!--上面是原有的,找到上面的代码,下面是自己编写的,拷贝上面链接中的代码即可。-->
    <span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span>
    <script>
    var now = new Date(); 
    function createtime() { 
        var grt= new Date("04/13/2019 12:00:00");//此处修改你的建站时间或者网站上线时间 
        now.setTime(now.getTime()+250); 
        days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days); 
        hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours); 
        if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum); 
        mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;} 
        seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum); 
        snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;} 
        document.getElementById("timeDate").innerHTML = "本站已安全运行 "+dnum+" 天 "; 
        document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + " 分 " + snum + " 秒"; 
    } 
    setInterval("createtime()",250);
    </script>
      </div>
    </footer>
</a>

然后重新启动服务器,就可以看见效果了。

hexo g
hexo s

   Reprint policy


《hexo页面底部添加网站运行时间》 by weizu is licensed under a Creative Commons Attribution 4.0 International License
 Previous
SEO优化设置 SEO优化设置
虽说写博客不是为了搜索排名来写,但是,一定的搜索引擎流量或许能够让博客被更多的人知晓,也就有可能认识到与你志同道合的朋友~ 这里记录一些简单的SEO做法1、添加robots.txt  robots.txt是搜索引擎中访问网站的时候要查看的第
2019-05-06
Next 
CSS媒体查询  |  利用@media screen实现网页布局的自适应 CSS媒体查询 | 利用@media screen实现网页布局的自适应
利用@media screen实现网页布局的自适应准备工作1:设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果: <meta name="viewport" content="width=
2019-05-06
  TOC