flex 排序.

$(function catefilter(){
    // console.log( $("#ymlCateName").text() );        // 测试是否可以成功获取到 yml 里面自定义变量的值
    // console.log( $("#ymlCateSortDefault").text() ); // 测试是否可以成功获取到 yml 里面自定义变量的值
    var cateDefault = $("#ymlCateSortDefault").text();

    if ( cateDefault != 'num') {
            var xx= $("#ymlCateName").text();
            //console.log(xx);
            // 成功取到 cateDiv 下的 yml 里的自定义数据(字符串...)   → Web-1,Misc-2,-3
            var yy = xx.split(",")
            //console.log(yy);
            // 用split 把字符串 通过指定的分割符号 变为 数组  → ["Web-1", "Misc-2", "-3"]
            //console.log(yy.length);   // 取得数组的长度,用于循环

            for (i=0; i<yy.length; i++) {
                    // alert(yy[0]); 这个会显示出 第一个数据  Web-1.
                    // 把这个数据再次分割. 用 - 作为分隔符
                    var temp = yy[i].split('^');
                        //alert(temp[0]); → Web
                        //alert(temp[1]); → 1
                        var tempName = temp[0];
                        var tempOrder = temp[1];

                    $("#"+ tempName ).css("order",tempOrder); 

                    // 然后这个 Web就可以拿来 作为 cateDiv 里面对应的id了. 把这个id 的 flex order 改成 数字.
                    // 这里顺序就修改成功了....
                    // 下面就是怎么实现 一载入就 修改顺序....
                }

              $(".CLcateDivFlex").attr("class","C.cateDivFlex");
              // 处理加载主页时候. 会闪的问题...  先隐藏掉默认排序... 等js排序好之后再显示就可以了..
        }

        else {      cateNumfilter();  }  
        // 这个就是按数量排序的 js.  


});

Cate文件数量排序

<!-- 按照分类下的文章数量排序: 默认隐藏.-->
<!-- 这个也必须 用onclick, 把当前选择的分类名 当作参数 .传给 cateFilter 函数... 过滤出对应的 tags -->
<div id="cateDiv1-numberSort" class="CLcateDiv1-numberSort hidden" style="overflow: scroll;">       
    {% assign max_cate_count = 0 %}
      {% for cate in site.categories %}
        {% if cate[1].size > max_cate_count %}
          {% assign max_cate_count = cate[1].size %}
        {% endif %}
     {% endfor %}
     {% for i in (1..max_cate_count) reversed %}
        {% for cate in site.categories %}
          {% if cate[1].size == i %}
              <li class="cate-status2" id="{{cate[0]}}-num">
              <a href onclick="catefilter('{{ cate[0] }}'); return false;" >        
                {{ cate[0] }}<sup>{{ i }}</sup>
              </a>  
              </li>
        {% endif %}
      {% endfor %}
    {% endfor %}
</div>