文章排序 简介

assign sortedPosts = site.posts | sort: 'title'
for post in sortedPosts
post.title 
endfor

必须先给个变量. 然后在变量下循环.

每篇文章 一个 index… 用 flex . 上一篇 下一篇.地址有 . 文件名也有, 按照文件名来.

默认顺序 12345 比如3:
上: 自己的order -1 上一个的order+1 下: 自己的order +1 下一个的order-1

首先得 获得 所有的 文件名. 并给 这些进行初步的排序 然后用 js 改变顺序..

文件名逆序

文件名排序默认是 时间越新越上面. 为了和 大类/标签排序一致 (时间越新越下面). 文件名排序需要 逆序显示. 也就是for 里面加个 reversed. for post in site.posts reversed

文件名 Flex 排序

//下面是文件名 的初次加载时候的自定义排序

$(function filenameFlexFilter(){
//var xxx = $(".filenameOrder").text();
// console.log( $(".fileNameFlexOrder").length );

$ (".fileNameFlexOrder").each(function( index ) {
   // console.log( index + ": " + $( this ).text()   );               
   // console.log( index + ": " + $( this ).children("span").text() + $( this ).children("span").text().length )
   // 上面 获取整个元素的内容.  下面获取子元素span. 
var orderValue = $( this ).find('sup').text();
var orderLength = $( this ).find('sup').text().length;
if ( orderLength != "0" ) {
//console.log( orderValue );
//console.log( $(this ).css("order") );
$(this ).css("order", orderValue); 
//  console.log( $(this ).css("order") );
}
});
});


// 开始循环, 如果 第一个的 值 不是0. 那么就把这个值 设置成 order顺序.
//  怎么指定有多少个呢.. site.posts size.
// 处理第一个  标题.  id是标签-xx  class 都是xxx
//  获取第一个 的 标题.  然后获取这个标题的yml..
// if this.cclass.text =1 0. so give this to this id 's css;
// zhe就回到 index 来了.  js 通过class 来获得 所有的信息. 现在问题是 class 获取不到..
// 同样的还有...  用each 函数么...
// 现在 每个数据都获取到了.然后  判断 标签.
//

文件名 年份排序

{% for post in site.posts %}
  {% capture currentyear %}{{ post.date | date: "%Y" }}{% endcapture %}
  {% if currentyear != year %}
{% unless forloop.first %}
  </ul>
{% endunless %}
<h1>{{ currentyear }}</h1>
<ul>
{% capture year %}{{ currentyear }}{% endcapture %}
  {% endif %}
  <li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}