Hexo 页脚增加工信部备案和公安网备案展示

本站主题已经升级到NexT 6.0,新改动新方案请查看:Hexo NexT 主题6.x版本的使用配置与美化 - 字数统计,网站建站时间,ICP与公安备案,多语言链接等


网上已经有了现成的Hexo 博客展示工信部备案信息的教程了,但并没有找到展示公安网备案的相关信息。这里补充一下自用的方案。

效果展示

本站页脚效果

解决方案

  1. 找到 \themes\next\layout\_partials\下面的footer.swig文件
  2. 在上次的展示网站建站时间的代码段之后插入代码,如图所示

红框是插入代码的位置

3.代码

<div class="BbeiAn-info">
       {{ __('赣ICP备') }} -
    <a target="_blank" href="http://www.miitbeian.gov.cn/" style="color:#f0d784"  rel="nofollow">你自己的备案号</a> <!--a标签中增加nofollow属性,避免爬虫出站。-->| 
    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=你自己的备案号" style="color:#f0d784;text-decoration:none;padding-left:30px;background:url(https://s1.ax1x.com/2018/09/29/ilmwIH.png) no-repeat left center" rel="nofollow">{{ __('赣公网安备 你自己的备案号') }}</a>      <!--这里将图标作为了背景,以使得能和后面的文字在同一行-->
</div>

4.使用命令编译并查看效果。推送网站。

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

本站主题已经升级到NexT 6.0,新改动新方案请查看:Hexo NexT 主题6.x版本的使用配置与美化 - 字数统计,网站建站时间,ICP与公安备案,多语言链接等

效果展示

本站页脚效果

解决方案

  1. 找到 \themes\next\layout\_partials\下面的copyright.ejs文件
  2. 在以下插入所示代码

3.代码

<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对象的毫秒数 */
        var t1 = Date.UTC(2018,02,13,15,00,00); //北京时间2018-2-13 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>

4.使用命令编译并查看效果。推送网站。


一个好奇的人