////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// 下面是 tagDiv 的排序..
// 字母排序: →     隐藏 time + num div... ; 显示abcdiv   这里还要隐藏 tag 过滤出来的那个div
function tagAbcfilter(){
$(".tagDiv2-catetags").attr("class","tagDiv2-catetags hidden");        //隐藏 tag过滤出来的某类下的标签 
$("#alltagsContainer").attr("class","tagsDiv1-allTags hidden");        //隐藏 time div
$("#tagDiv1-numberSort").attr("class","CLtagDiv1-numberSort hidden");  //隐藏  num div
$("#tagDiv1-letterSort").attr("class","tagDiv1-letterSort");           //显示  abc div
}

// Time 排序: → 隐藏abc + num ; 显示time
function tagTimefilter(){
$(".tagDiv2-catetags").attr("class","tagDiv2-catetags hidden");        //隐藏 tag过滤出来的某类下的标签   
$("#tagDiv1-numberSort").attr("class","CLtagDiv1-numberSort hidden");  //隐藏  num div
$("#tagDiv1-letterSort").attr("class","tagDiv1-letterSort hidden");    //隐藏  abc div
$("#alltagsContainer").attr("class","tagsDiv1-allTags");               //显示 time div    
}

// 数量排序: → 隐藏 abc + time ; 显示num 
function tagNumfilter(){
$(".tagDiv2-catetags").attr("class","tagDiv2-catetags hidden");        //隐藏 tag过滤出来的某类下的标签   
$("#alltagsContainer").attr("class","tagsDiv1-allTags hidden");        //隐藏 time div    
$("#tagDiv1-letterSort").attr("class","tagDiv1-letterSort hidden");    //隐藏  abc div
$("#tagDiv1-numberSort").attr("class","CLtagDiv1-numberSort");         //显示  num div
}

Tag数量排序

<!-- 某标签文章数量排序 -->
<div id="tagDiv1-numberSort" class="CLtagDiv1-numberSort hidden" style="overflow: scroll;">     
{% assign max_tag_count = 0 %}
  {% for tag in site.tags %}
{% if tag[1].size > max_tag_count %}
  {% assign max_tag_count = tag[1].size %}
{% endif %}
 {% endfor %}
 {% for i in (1..max_tag_count) reversed %}
{% for tag in site.tags %}
  {% if tag[1].size == i %}
  <!-- 这里的id 是干什么用的...  -->
<li class="tagDiv-tags2" id="{{ tag[0] }}-item2"> 
  <a href onclick="filter('{{ tag[0] }}'); return false;">          
<i class="fa fa-chevron-right faa-spin animated-hover" aria-hidden="true"></i>                                  
{{ tag[0] }}
<sup>{{ i }}</sup></a> 
</li>
{% endif %}
  {% endfor %}
{% endfor %}
<!-- 
定义一个变量. 某标签最大的文章数量. 初始值 0
  在所有标签中循环.
如果 第一个标签的的标签文章数量 > 初始最大值.
那就把 第一个标签的文章数量 赋值给 最大文章数量这个变量.
然后就能得到 最大的那个标签数量了.
然后开始倒序循环.  最大值开始到1 结束.
  循环所有的标签. 第一个标签开始.
  如果 第一个标签文章数量= 最大值.那就输出当前标签
  如果 第一个标签文章数量=! 最大值 那就继续判断下一个标签.
  直到某个标签的文章数量是 最大值.
  然后循环 最大值-1 的文章数量. 所有标签下面都没有这个数量的标签. 
  那就继续最大值-2的循环
 -->
</div>

Tag字母排序

<!-- 这个div是 按照 字母顺序 排列的 -->
<div id="tagDiv1-letterSort" class="tagDiv1-letterSort hidden" style="overflow: scroll;">       
<!--  h c j a r j -->
{% capture letterTags %}
{% for xxtag in site.tags %}
{{ xxtag | first | downcase | replace:' ','-' }}
{% endfor %}
{% endcapture%}
<!--  letterTags 值: html css javascript appes regexp jquery -->

{% assign xyb = letterTags | split:' ' | sort %}
<!-- xyb值: appescsshtmljavascriptjqueryregexp -->
<!-- xyb[0] → appes ; xyb[1] → css ... -->

 {% for sorted_tag in xyb %}
   {% for tag in site.tags %}
 {% assign downcase_tag = tag | first | downcase | replace:' ','-' %}
 {% if downcase_tag == sorted_tag |first %}
  <li class="tagDiv-tags3" id="{{ tag | first }}-item3">
<a href onclick="filter('{{ tag | first }}'); return false;">
<i class="fa fa-chevron-right faa-spin animated-hover" aria-hidden="true"></i>              
{{ tag | first }}<sup>{{tag | last | size}}</sup></a>
  </li>
 {% endif %}
   {% endfor %}
 {% endfor %}
<!-- 
循环处理所有字母排序的小写标签.  
处理第一个标签.appes 
    循环所有的正常排序的小写标签. 
            处理第一个正常排序小写标签:html
                    如果 第一个正常排序小写标签 =  appes. 那就输出 当前循环的正常排序 的正常大写的标签.
                    如果 第一个正常排序小写标签 != appes. 那就不输出当前标签. 继续处理第二个正常排序小写标签.
    -->
</div>