<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

<% if(theme.word_count && !post.no_word_count){%>
          <%- partial('post/word') %>
          <% } %>

<div style="margin-top:10px;">
    <span class="post-time">
      <span class="post-meta-item-icon">
        <i class="fa fa-keyboard-o" aria-hidden="true"></i>
        <span class="post-meta-item-text" style="font-size: 16px;color: grey">  字数统计: </span>
        <!--这里样式可以自己定制-->
        <span class="post-count" style="font-size: 16px;color: grey"><%= wordcount(post.content) %>字</span>
      </span>
    </span>

    <span class="post-time">
      &nbsp; | &nbsp;
      <span class="post-meta-item-icon">
        <i class="fa fa-hourglass-half" aria-hidden="true"></i>
        <span class="post-meta-item-text" style="font-size: 16px;color: grey">  阅读时长: </span>
        <span class="post-count" style="font-size: 16px;color: grey"><%= min2read(post.content) %>分</span>
      </span>
    </span>
</div>

<!-- 目录内容 -->
<% if (!index && post.toc){ %>
    <p class="show-toc-btn" id="show-toc-btn" onclick="showToc();" style="display:none">
          <span class="btn-bg"></span>
          <span class="btn-text">文章导航</span>
          </p>
	<div id="toc-article" class="toc-article">
	    <span id="toc-close" class="toc-close" title="隐藏导航" onclick="showBtn();">×</span>
		<strong class="toc-title">文章目录</strong>
           <%- toc(post.content) %>
         </div>
   <script type="text/javascript">
	function showToc(){
		var toc_article = document.getElementById("toc-article");
		var show_toc_btn = document.getElementById("show-toc-btn");
		toc_article.setAttribute("style","display:block");
		show_toc_btn.setAttribute("style","display:none");
		};
	function showBtn(){
		var toc_article = document.getElementById("toc-article");
		var show_toc_btn = document.getElementById("show-toc-btn");
		toc_article.setAttribute("style","display:none");
		show_toc_btn.setAttribute("style","display:block");
		};
   </script>
      <% } %>
<!-- 目录内容结束 -->

<% if (theme.valine && theme.valine.appid && theme.valine.appkey){ %>
    <section id="comments" class="comments">
      <style>
        .comments{margin:30px;padding:10px;background:#fff}
        @media screen and (max-width:800px){.comments{margin:auto;padding:10px;background:#fff}}
      </style>
      <%- partial('post/valine', {
        key: post.slug,
        title: post.title,
        url: config.url+url_for(post.path)
        }) %>
    </section>
<% } %>

<div id="vcomment"></div>
<script src="//cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/leancloud-storage/dist/av-min.js"></script>
<script src='//cdn.jsdelivr.net/npm/valine/dist/Valine.min.js'></script>
<script>
   var notify = '<%= theme.valine.notify %>' == true ? true : false;
   var verify = '<%= theme.valine.verify %>' == true ? true : false;
   new Valine({
            av: AV,
            el: '#vcomment',
            notify: notify,
            verify: verify,
            app_id: "<%= theme.valine.appid %>",
            app_key: "<%= theme.valine.appkey %>",
            placeholder: "<%= theme.valine.placeholder %>",
            avatar: "<%= theme.valine.avatar %>",
            avatar_cdn: "<%= theme.valine.avatar_cdn %>",
            pageSize: "<%= theme.valine.pageSize %>"
    });
</script>

! function (e, t, a) {
    function n() {
        c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"), o(), r()
    }
    function r() {
        for (var e = 0; e < d.length; e++) d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = "left:" + d[e].x + "px;top:" + d[e].y + "px;opacity:" + d[e].alpha + ";transform:scale(" + d[e].scale + "," + d[e].scale + ") rotate(45deg);background:" + d[e].color + ";z-index:99999");
        requestAnimationFrame(r)
    }
    function o() {
        var t = "function" == typeof e.onclick && e.onclick;
        e.onclick = function (e) {
            t && t(), i(e)
        }
    }
    function i(e) {
        var a = t.createElement("div");
        a.className = "heart", d.push({
            el: a,
            x: e.clientX - 5,
            y: e.clientY - 5,
            scale: 1,
            alpha: 1,
            color: s()
        }), t.body.appendChild(a)
    }
    function c(e) {
        var a = t.createElement("style");
        a.type = "text/css";
        try {
            a.appendChild(t.createTextNode(e))
        } catch (t) {
            a.styleSheet.cssText = e
        }
        t.getElementsByTagName("head")[0].appendChild(a)
    }
    function s() {
        return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
    }
    var d = [];
    e.requestAnimationFrame = function () {
        return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) {
            setTimeout(e, 1e3 / 60)
        }
    }(), n()
}(window, document);

<script type="text/javascript" src="/assets/clicklove.js"></script>
//注意：这里的路径要对应之前创建clicklove.ejs的地方

//api.qrserver.com/v1/create-qr-code/?size=150x150&data=

<% if (theme.baidu_tongji) { %>
   //这里添上上面获取的代码
<% } %>

<%- partial("baidu_tongji") %>

  <script>
      var menu = document.getElementsByClassName('header-menu')[0];
      var lis = menu.children[0].getElementsByTagName('li');
      var n = lis.length
      var menu_icon = new Array()
      //这个menu_icon用来装图标，图标的类名都是下面“fa fa-xxx”，自行添加就行
      menu_icon[0]="<i class=\"fa fa-home\" aria-hidden=\"true\"></i> "
		menu_icon[1]="<i class=\"fa fa-book\" aria-hidden=\"true\"></i> "
      for (var i = 0; i < n; i++){
        var temp = lis[i].children[0].innerHTML;
        lis[i].children[0].innerHTML = menu_icon[i] + temp;
      }
</script>

'use strict';

const pagination = require('hexo-pagination');
const { sort } = require('timsort');

module.exports = function(locals) {
  const config = this.config;
  const posts = locals.posts.sort(config.index_generator.order_by);

  // sort(posts.data, (a, b) => (b.sticky || 0) - (a.sticky || 0));  
  // 更改排序方式
  posts.data = posts.data.sort(function(a, b) {
    if(a.top && b.top) {
        if(a.top == b.top) return b.date - a.date;
        else return b.top - a.top;
    }
    else if(a.top && !b.top) {
        return -1;
    }
    else if(!a.top && b.top) {
        return 1;
    }
    else return b.date - a.date;
  });
  // 利用top对文章进行排序


  const paginationDir = config.pagination_dir || 'page';
  const path = config.index_generator.path || '';

  return pagination(path, posts, {
    perPage: config.index_generator.per_page,
    layout: ['index', 'archive'],
    format: paginationDir + '/%d/',
    data: {
      __index: true
    }
  });
};

<!--添加版权声明-->
<%
  var sUrl = url.replace(/index\.html$/, '');
  sUrl = /^(http:|https:)\/\//.test(sUrl) ? sUrl : 'https:' + sUrl;
%>

<!-- #版权基础设定：0-关闭声明； 1-文章对应的md文件里有copyright: true属性，才有版权声明； 2-所有文章均有版权声明 -->
<% if ((theme.copyright.copyright_type === 2 || (theme.copyright.copyright_type === 1 && post.copyright)) && !index){ %>
  <ul class="copyright">
    <li class="copyright_author"><strong>本文作者：</strong>
    <% if(config.author != undefined){ %>
      <%= config.author%>
    <% }else{%>
      <font color="red">请在博客根目录“_config.yml”中填入正确的“author”</font>
    <%}%></li>
    <li class="copyright_article-url">
    <strong>本文链接：</strong>
    <a href="<%= config.url %>/<%= post.path %>" title="<%= post.title %>" target="_blank"><%= config.url %>/<%= post.path %></a>
    </li>
    <li class="copyright_update-time">
        <strong >最后更新：</strong>
        <time datetime="<%- date_xml(post.updated) %>" itemprop="dateUpdated"><%- full_date(post.updated, 'YYYY年MM月DD日 HH:mm:ss') %></time>
    </li>
    <!-- 有需要的可以取消注释 -->
    <!-- <li class="copyright_article-titles"><strong >本文标题：</strong>
    <a href="<%= config.url %>/<%= post.path %>" title="<%= post.title %>" target="_blank"><%= post.title %></a>
    </li>
    <li class="copyright_create-time">
    <strong>发布时间：</strong>
    <%- date(post.date, 'YYYY-MM-DD') %>
    </li> -->
    <li class="copyright_copyright">
    <strong>版权声明：</strong>
    本博客所有文章除特别声明外，均采用
    <a rel="license" href="<%= theme.copyright.licensee_url%>" title="<%= theme.copyright.licensee_name %>"><%= theme.copyright.licensee_ename%></a>
    许可协议进行许可。转载请注明出处！
   </li>
    <!--版权logo如果加载不出来可以注释掉-->
    <!-- <% if(theme.copyright.licensee_img != undefined){ %>
      <li><a rel="license" href="<%= theme.copyright.licensee_url%>"><img alt="知识共享许可协议" style="border-width:0" src="<%= theme.copyright.licensee_img%>"/></a></li>
    <% } %> -->
  </ul>
<% } else {%>
  <ul class="copyright" hidden="hidden"></ul>
<% } %>
<!-- 添加版权声明》 -->

<!-- 版权声明 -->
  <% if(theme.copyright){%>
    <%- partial('post/copyright') %>
  <% } %>
<!-- 声明结束 -->

/* 版权声明 */
.copyright {
	background-color: rgba(162, 223, 247, 0.925);
	margin-top: 2em;
	border-left: 3px solid #03a9f4;
	padding: .5em 1em;
}
ul.copyright li {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.5;
}
/* 版权声明移动端 */
@media screen and (max-width:800px){
	li.copyright_article-url{
		display: none;
	}
  ul.copyright li{
		font-weight: normal;
		font-size: 16px;
	}
}