<style type="text/css">
    .banner-bg {
      background: url('<%- banner_img %>') center center;
      background-repeat: repeat-y;
      background-size: cover;
      background-attachment: <%- theme.banner_scroll == true ? 'scroll' : 'fixed' %>;
    }
</style>

<div id="footerContent"  class="rgba-black-slight">
<footer class="pt-5">
  <div class="text-center py-3">
    <div class="footer-theme">
      <a href="https://hexo.io" target="_blank" rel="nofollow noopener noreferrer">Hexo</a> theme <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener noreferrer">Fluid</a> mod by <a href="https://github.com/julydate/hexo-theme-fluid-mod" target="_blank" rel="nofollow noopener noreferrer">Julydate</a>
    </div>

    <% if(theme.footer.show_copyright || theme.footer.date.enable) { %>
      <div class="footer-copyright">
        <% if(theme.footer.show_copyright) { %>
          ©<%= date(new Date(), 'YYYY') %>&nbsp;<%= config.author || config.title %>
        <% } %>
        <% if(theme.footer.date.enable) { %>
          <% if(theme.footer.show_copyright) { %>
            <i class="iconfont icon-love"></i>
          <% } %>
          <span><%= theme.footer.date.text.split('%d')[0] %><span id="runtime"></span><%= theme.footer.date.text.split('%d')[1] %></span>
        <% } %>
      </div>
    <% } %>

    <% if(theme.footer.site_pv.enable || theme.footer.site_uv.enable) { %>
      <div class="footer-siteview">
        <% if(theme.footer.site_pv.enable) { %>
          <!-- 不蒜子统计PV -->
          <span id="busuanzi_container_site_pv" style="display:none">
              <%= theme.footer.site_pv.text.split('%d')[0] %><span id="busuanzi_value_site_pv"></span><%= theme.footer.site_pv.text.split('%d')[1] %>
          </span>
        <% } %>
        <% if(theme.footer.site_uv.enable) { %>
          <!-- 不蒜子统计UV -->
          <span id="busuanzi_container_site_uv" style="display:none">
            <% if(theme.footer.site_pv.enable) { %>|<% } %>
            <%= theme.footer.site_uv.text.split('%d')[0] %><span id="busuanzi_value_site_uv"></span><%= theme.footer.site_uv.text.split('%d')[1] %>
          </span>
        <% } %>
      </div>
    <% } %>

    <% if(theme.footer.beian.enable) { %>
      <!-- 备案信息 -->
      <div class="footer-beian">
        <a href="http://beian.miit.gov.cn/" target="_blank"
          rel="nofollow noopener noreferrer"><%- theme.footer.beian.icp_text %></a>
        <% if(theme.footer.beian.police_text && theme.footer.beian.police_code) { %>
          <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=<%- theme.footer.beian.police_code %>"
            target="_blank" rel="nofollow noopener noreferrer"> | <%- theme.footer.beian.police_text %></a>
        <% } %>
      </div>
    <% } %>

    <% if(theme.footer.hitokoto) { %>
      <!-- 一言 -->
      <div class="footer-hitokoto">
        <a id="hitokotoa" href="#" target="_blank" rel="nofollow noopener noreferrer">
          <span id="hitokoto"></span>
        </a>
      </div>
    <% } %>
    
  </div>
</footer>
</div>
<%- partial('_partial/scripts.ejs') %>
<%- partial('_partial/analytics.ejs') %>

<% if(is_post && theme.fancybox.enable){ %>
  <%- css_ex(theme.static_prefix.fancybox, "jquery.fancybox.min.css") %>
<% } %>
<%- js_ex(theme.static_prefix.jquery, "jquery.min.js") %>

<!-- Plugins -->
<%- partial('_partial/plugins/prettify.ejs') %>
<%- partial('_partial/plugins/typed.ejs') %>
<%- partial('_partial/plugins/anchor.ejs') %>
<%- partial('_partial/plugins/local-search.ejs') %>
<%- partial('_partial/plugins/fancybox.ejs') %>
<%- partial('_partial/plugins/math.ejs') %>
<%- partial('_partial/plugins/smooth_scroll.ejs') %>
<%- partial('_partial/plugins/random_img.ejs') %>
<%- partial('_partial/plugins/hitokoto.ejs') %>
<%- partial('_partial/plugins/busuanzi.ejs') %>
<!-- Functions -->
<script type="text/javascript">
  /* 切换背景 */
  <% if(theme.full_bg_img) { %>
  $("#background").removeClass("banner-bg");
  $("body").addClass("banner-bg");
  var postToTopHight = $("#board").offset().top;
  $(window).scroll(function () {
    var bgDisplay = false;
    var scrollHeight = document.body.scrollTop + document.documentElement.scrollTop;
    bgDisplay = scrollHeight >= postToTopHight;
    if(bgDisplay) {
      $('#background').removeClass("rgba-black-slight");
      $('#mainContent').removeClass("rgba-black-slight");
      $('#footerContent').removeClass("rgba-black-slight");
    } else {
      $('#background').addClass("rgba-black-slight");
      $('#mainContent').addClass("rgba-black-slight");
      $('#footerContent').addClass("rgba-black-slight");
    }
  });
  <% } else { %>
    $("body").removeClass("banner-bg");
    $("#background").addClass("banner-bg");
    $('#mainContent').removeClass("rgba-black-slight");
    $('#footerContent').removeClass("rgba-black-slight");
    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) || (/Safari/i.test(navigator.userAgent) && !/Chrome/i.test(navigator.userAgent))) {
      $("#background").css("background-attachment", "scroll");
    }
<% } %>
</script>
<% if(theme.footer.date.enable) { %>
  <script type="text/javascript">
    /*显示博客运行时间*/
    var blogRunTime = function () {
      var runTime = document.getElementById("runtime");
      var runtimeDate = "<%- theme.footer.date.create_date %>";
	    var createDate = new Date(runtimeDate);
	    var nowDate = new Date();
	    var dateLine = nowDate.getTime() - createDate.getTime();
	    var runDate = Math.floor(dateLine / (1000 * 60 * 60 * 24));
	    runTime.innerHTML = runDate;
    };
    $(document).ready(function(){
	    blogRunTime();
    });
  </script>
<% } %>
<% if(theme.fun_features.monitortext.enable) { %>
  <script type="text/javascript">
    /*窗口监视*/
    var originalTitle = document.title;
    window.onblur = function(){document.title = "<%- theme.fun_features.monitortext.text %>"};
    window.onfocus = function(){document.title = originalTitle};
  </script>
<% } %>
<% if(theme.fun_features.snow.enable) { %>
  <script type="text/javascript">
    /* 雪花效果 */
    console.log('雪花效果 code by kvv.me');
    ~function () {
      function t() {
          e.width = window.innerWidth,
          e.height = window.innerHeight,
          o = Math.round(window.innerWidth * window.innerHeight / 1e4)
      }
    );
      function n() {
          var t = window.innerWidth
            , d = window.innerHeight
            , c = e.getContext("2d");
          c.clearRect(0, 0, t, d),
          c.fillStyle = "<%= theme.fun_features.snow.color %>",
          c.beginPath(),
          a += .01;
          for (var u = 0; o > u; u++) {
            var l = r[u];
            if (!l) {
              continue
            }
            ;c.moveTo(l.x, l.y),
            c.arc(l.x, l.y, l.radius, 0, 2 * Math.PI, !0),
            l.y += Math.cos(a) + l.radius / 2,
            l.x += Math.sin(a * l.direction),
            (l.x > t + 5 || -5 > l.x || l.y > d) && (u % 3 > 0 ? (r[u].x = Math.random() * t,
            r[u].y = -10) : Math.sin(a * l.direction) > 0 ? (r[u].x = -5,
            r[u].y = Math.random() * d) : (r[u].x = t + 5,
            r[u].y = Math.random() * d))
          }
          c.fill(),
          i(n)
      }
      var e = document.createElement("canvas")
        , i = requestAnimationFrame || msRequestAnimationFrame || function(t) {
          setTimeout(t, 16)
        }
      , a = 0
      , o = 0
      , r = [];
      t(),
      e.className = "snow",
      document.body.appendChild(e);
      for (var d = 0; o > d; d++)
        r.push({
            x: Math.random() * window.innerWidth,
            y: Math.random() * window.innerHeight,
            radius: 4 * Math.random() + 1,
            direction: 2 * Math.random() - .5
        });
      addEventListener("resize", t),
      i(n)
    }();
  </script>
<% } %>

<% if(theme.sidebar.enable){ %>
<div id="sidebar" class="sidebar-hide">
  <span class="sidebar-button sidebar-button-shift" id="toggle-sidebar" >
    <i class="fa fa-arrow-right on" aria-hidden="true"></i>
  </span>
  <div class="sidebar-overlay"></div>
  <div class="sidebar-intrude">
    <div class="sidebar-avatar">
      <img src="<%- url_for(theme.avatar) %>" srcset="<%- url_for(theme.avatar) %>" alt="avatar"/>
    </div>
    <div class="text-center sidebar-about">
      <p class="h3 sidebar-author"><%= theme.sidebar.name || config.title %></p>
      <p class="sidebar-subtitle"><%- theme.sidebar.introduce || config.subtitle %></p>
      <% for(var i in theme.sidebar.icons) { %>
        <a href="<%- theme.sidebar.icons[i] %>" class="h4" target="_blank">
          <i class="<%- i %>" aria-hidden="true"></i>
        </a>
        &nbsp;&nbsp;
      <% } %>
    </div>
    <div class="sidebar-friend">
      <p class="h6 sidebar-friend-title">
        <span class="sidebar-label-left"><i class="fas fa-user-friends"></i></span>
        <span class="sidebar-label">友情链接</span>
      </p>
      <ul class="list-group">
        <% for(var i in theme.friends) { %>
          <a href="<%- theme.friends[i] %>" target="_blank">
            <li class="list-group-item">
              <i class="fas fa-quote-left"></i>&nbsp;
              <%- i %>
            </li>
          </a>
        <% } %>
    </ul>
    </div>
  </div>
</div>
<% } %>

<% if (page.total > 1){ %>
  <nav aria-label="index posts navigation Page">
    <span class="pagination pg-blue justify-content-center mt-5">
      <%- paginator({
        prev_text: '<i class="fas fa-angle-double-left"></i>',
        next_text: '<i class="fas fa-angle-double-right"></i>',
        mid_size: 2,
        escape: false
      }) %>
    </span>
  </nav>
  <% if(theme.scroll_down_arrow.scroll_after_turning_page){ %>
    <script type="text/javascript">$(".pagination a").each(function(){$(this)[0].href+="#board";})</script>
  <% } %>
<% } %>

<%- partial('_partial/head', {banner_img: banner_img}) %>
<body class="banner-bg">
  <%- partial('_partial/sidebar') %>
    
...
    
<div class="view intro-2 rgba-black-slight" id="background">
    
...
    
<div class="mask flex-center">
    
...
    
              <p class="mt-3">
                <i class="far fa-calendar-alt"></i>
                <span class="post-date"><%- full_date(page.date, theme.post.date_format) %>&nbsp;|&nbsp;</span>
                <i class="far fa-chart-bar"></i>
                <span class="post-count"><%= wordcount(page.content) %></span>字&nbsp;|&nbsp;
                <i class="far fa-clock"></i>
                <span class="post-count"><%= min2read(page.content) %></span>分钟
                <% if(theme.post.pageview) { %>
                  <span id="busuanzi_container_page_pv" style="display:none">
                    &nbsp;|&nbsp;
                    <i class="far fa-eye"></i>
                    <span id="busuanzi_value_page_pv"></span>次
                  </span>
                <% } %>
              </p>
    
...
    
<main id="mainContent" class="rgba-black-slight">
    
...
    
<div class="container nopadding-md" style="padding-top:0.5rem;padding-bottom:0.5rem;">
        <div class="py-5 z-depth-3" id="board">
          <% if(page.layout == 'about') { %>
            <div class="about-avatar">
              <img src="<%- url_for(theme.avatar) %>"
                   class="img-fluid z-depth-1 rounded-circle"
                   alt="avatar">
            </div>
            
...
            
<% if(banner_img_height === 100 && theme.full_banner) { %>
    <script type="text/javascript">
      /* 页面 banner 覆盖全屏 */
      $(".scroll-down-bar .scroll-down-arrow").css({"margin-top":"3rem"});
      $("#board").css({"margin-top":"0"});
    </script>
<% } %>

<% if(theme.index.post_img.enable) { %>
      <% if(post.index_img != null) { %>
      <div class="col-12 col-md-4 m-auto">
        <a href="<%- post_url %>" target="<%- theme.index.post_url_target %>">
          <img src="<%- post.index_img %>" alt="<%= post.title %>" class="img-fluid rounded z-depth-3 index-thumbnails">
        </a>
      </div>
      <% } else { %>
      <div class="col-12 col-md-4 m-auto">
        <a href="<%- post_url %>" target="<%- theme.index.post_url_target %>">
          <img src="<%= theme.index.post_img.default || '/img/default.png' %>" alt="<%= post.title %>" class="img-fluid rounded z-depth-3 index-thumbnails image_random">
        </a>
      </div>
      <% } %>
      <div class="col-12 col-md-8 m-auto">
    <% } else { %>
      <div class="col-12 col-md-12 m-auto">
    <% } %>
      <a href="<%- post_url %>" target="<%- theme.index.post_url_target %>">

...

<% if(theme.index.post_meta.wordcount ) { %>
    <i class="far fa-chart-bar"></i><%= wordcount(post.content) %>字&nbsp;&nbsp;
    <i class="far fa-clock"></i><%= min2read(post.content) %>分钟&nbsp;&nbsp;
<% } %>

<!-- Comments -->
<div class="col-lg-12 mx-auto nopadding-md">
  <div class="container comments mx-auto" id="comments">
    <% if(theme.post.comments.enable) { %>
      <br><br>
      <% var type = '_partial/comments/' + theme.post.comments.type %>
      <%- partial(type) %>
    <% } %>
  </div>
</div>

<p class="h4"><%= __('pageTotal', page.posts.length) %></p>
...
<%- partial('_partial/paginator') %>

<% if(theme.web_analytics.enable) { %> 
<% if(theme.web_analytics.baidu) { %>
<!-- 百度统计 -->
<script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?<%= theme.web_analytics.baidu %>";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>
<% } %> 
<% if(theme.web_analytics.tencent) { %>
<!-- 腾讯统计 -->
<script>
  var _mtac = {};
  (function() {
    var mta = document.createElement("script");
    mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4";
    mta.setAttribute("name", "MTAH5");
    mta.setAttribute("sid", "<%= theme.web_analytics.tencent %>");
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(mta, s);
  })();
</script>
<% } %> 
<% if(theme.web_analytics.woyaola) { %>
<!-- 51.la -->
<script type="text/javascript" src="//js.users.51.la/<%= theme.web_analytics.woyaola %>.js"></script>
<% } %> 
<% if(theme.web_analytics.cnzz) { %>
<!-- cnzz -->
<style type="text/css">#cnzz_stat_icon_<%= theme.web_analytics.cnzz %>{display: none;}</style>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_<%= theme.web_analytics.cnzz %>'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D<%= theme.web_analytics.cnzz %>' type='text/javascript'%3E%3C/script%3E"));</script>
<% } %> 
<% if(theme.web_analytics.google) { %>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=<%= theme.web_analytics.google %>"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag("js", new Date());
  gtag("config", "<%= theme.web_analytics.google %>");
</script>
<% } %> 
<% } %>

<div class="disqus" style="width:100%">
  <div id="disqus_thread">
    <div id="disqus_loading" style="width: 100%; margin: 0 auto 0 auto; text-align: center;">
      <button type="button" class="btn btn-primary disqus_click_btn" onclick="reload_disqus();">点击加载评论</button>
    </div>
  </div>
  <script type="text/javascript">
	/*Disqus 评论框*/
	var recheckDQ = function () {
		if($('#disqus_thread').length) {
			var xhr = new XMLHttpRequest();
			xhr.open('GET', '//disqus.com/next/config.json?' + new Date().getTime(), true);
			xhr.timeout = 3000;
			xhr.onreadystatechange = function () {
				if (xhr.readyState == 4 && xhr.status == 200) {
					/*加载 Disqus 评论框*/
					if(window.DISQUS) {
						DISQUS.reset({
						reload: true
						});
					} else {
						/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
						var disqus_shortname = '<%= theme.disqus.shortname || config.disqus_shortname %>';
						
						/* * * DON'T EDIT BELOW THIS LINE * * */
             			var disqus_config = function () {
							 this.page.url = "<%= config.url + config.root + page.path %>";
							 this.page.identifier = "<%= page.path %>"; 
							 this.page.title = "<%= page.title %>";
             			};
             			(function () {
							 var d = document, s = d.createElement('script');
               				 s.type = 'text/javascript';
               				 s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
               				 s.setAttribute('data-timestamp', +new Date());
               				 (d.head || d.body).appendChild(s);
             			})();
					}
				}
			}
			xhr.ontimeout = function () {
				xhr.abort();
        /*加载自制评论框*/
        document.getElementById('disqus_loading').style.display = "block";
				document.getElementById('disqus_loading').innerHTML = '<button type="button" class="btn btn-primary disqus_click_btn" onclick="reload_disqus();">点击重新加载评论</button><div class="col-lg-6 mx-auto nopadding-md" style="padding-top:10px;"><p>如果长时间无法加载，请针对 disq.us | disquscdn.com | disqus.com 启用代理</p></div>';
			}
			xhr.onerror = function() {
        /*加载自制评论框*/
        document.getElementById('disqus_loading').style.display = "block";
				document.getElementById('disqus_loading').innerHTML = '<button type="button" class="btn btn-primary disqus_click_btn" onclick="reload_disqus();">点击重新加载评论</button><div class="col-lg-6 mx-auto nopadding-md" style="padding-top:10px;"><p>如果长时间无法加载，请针对 disq.us | disquscdn.com | disqus.com 启用代理</p></div>';
			}
			xhr.send(null);
		}
	}
	/*异步加载评论框*/
	$(document).ready(function(){
  		if(document.getElementById('disqus_thread')) {
    		recheckDQ();
  		}
	});
	/*重载评论框*/
	var reload_disqus = function () {
  		recheckDQ();
  		$('#disqus_loading').css('display','none');
	}
  </script>
  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow noopener">comments
      powered by Disqus.</a></noscript>
</div>

<% if(theme.post.pageview || theme.footer.site_pv.enable || theme.footer.site_uv.enable) { %>
  <%- js_async("//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js") %>
  <% if(theme.footer.site_pv.offset || theme.footer.site_uv.offset) { %>
    <script>
      /* 不蒜子计数初始值纠正 */
      $(document).ready(function() {
        var busuanziPvOffset = 0;
        var busuanziUvOffset = 0;
        <% if(theme.footer.site_pv.offset){ %>
          busuanziPvOffset = parseInt(<%= theme.footer.site_pv.offset %>);
        <% } %>
        <% if(theme.footer.site_uv.offset){ %>
          busuanziUvOffset = parseInt(<%= theme.footer.site_uv.offset %>);
        <% } %>
        if(busuanziPvOffset !== 0) var intPv = setInterval(function(){fixPvCount(intPv, busuanziPvOffset)}, 100);
        if(busuanziUvOffset !== 0) var intUv = setInterval(function(){fixUvCount(intUv, busuanziUvOffset)}, 100);
        function fixPvCount(int, offset) {
          if ($("#busuanzi_container_site_pv").css("display") !== "none") {
            clearInterval(int);
            $("#busuanzi_value_site_pv").html(parseInt($("#busuanzi_value_site_pv").html()) + offset);
          }
        }
        function fixUvCount(int, offset) {
          if ($("#busuanzi_container_site_uv").css("display") != "none") {
            clearInterval(int);
            $("#busuanzi_value_site_uv").html(parseInt($("#busuanzi_value_site_uv").html()) + offset);
          }
        }
      });
    </script>
  <% } %>
<% } %>

<% if(is_post() && theme.fancybox.enable){ %>
  <%- js_ex(theme.static_prefix.fancybox, "jquery.fancybox.min.js") %>
  <script type="text/javascript">
  /* Fancybox */
  var setupFancybox = function () {
    $("#post img:not(.no-zoom img, img[no-zoom])").each(function() {
    var element = document.createElement("a");
      $(element).attr("data-fancybox", "gallery");
      $(element).attr("href", $(this).attr("src"));
      $(this).wrap(element);
    });
  };
  setupFancybox();
  </script>
<% } %>

<% if(theme.footer.hitokoto) { %>
  <script type="text/javascript">
  /*一言API*/
  $(document).ready(function(){
    getHitokoto();
  });
  function hitokoto(e) {
    $("#hitokoto").stop().fadeOut(function() {
      $("#hitokoto").html(e.hitokoto);
      var element = document.getElementById('hitokotoa');
      element.href = "https://hitokoto.cn?id=" + e.id;
      $("#hitokoto").stop().fadeIn()
    })
  };
  function getHitokoto() {
    var e = ["a", "b", "c", "d"],
    t = document.createElement("script");
    t.type = "text/javascript";
    t.id = "hitokotoko_js";
    t.src = "//v1.hitokoto.cn/?encode=json&callback=hitokoto&charset=utf-8&cat=" + e[Math.floor(Math.random() * e.length)];
    $("#hitokoto").append(t);
  };
  setInterval(getHitokoto, 1e4);
  </script>
<% } %>

<% if(theme.index.post_img.enable && theme.index.post_img.random) { %>
  <script type="text/javascript">
    /* 首页文章列表随机图片 */
    $("img.image_random").each(function(){
      <% if(theme.index.post_img.ctype) { %>
        <% if(theme.index.post_img.ctype === "random") { %>
          var ctypeAll = ["acg","nature"];
          var ctype = ctypeAll[Math.floor(Math.random() * ctypeAll.length)];
          var xjhUrl = "//img.xjh.me/random_img.php?return=json&type=bg&ctype=" + ctype;
        <% } else if(theme.index.post_img.ctype === "auto") { %>
          var xjhUrl = "//img.xjh.me/random_img.php?return=json&type=bg;
        <% } else { %>
          var ctype = <%= theme.index.post_img.ctype %>;
          var xjhUrl = "//img.xjh.me/random_img.php?return=json&type=bg&ctype=" + ctype;
        <% } %>
      <% } else { %>
        var xjhUrl = "//img.xjh.me/random_img.php?return=json";
      <% } %>
      var _this = $(this);
      $.get(xjhUrl,function(data,status){
        if(status === "success"){
          if(data.result === 200){
            _this[0].src = data.img;
          }
        }
      });
    });
  </script>
<% } %>