二级过滤功能: jekyll 本身支持两种标签: 

  • categories 栏目
    • tags 分类.
  1. 列出所有栏目.
  2. 某栏目下列出该栏目下的所有 tag
  3. 某tag下 列出拥有该tag 的 所有文件名.
  4. 点击某文件名 显示具体文件内容.

categories栏 site.categories

~
---
layout: post
categories: code
tags: life
date: 2014-5-1 21:42:20
--- 这里就出现 一个 code 分类.

实现 点击分类. 列出相应的的tags 呢 : 用链接: <a> 链接地址….. 当你 添加了 几个分类的时候 就可以去 主题的根目录 site 文件夹 看生成的文件夹结构了. jiekyll 生成的site文件夹结构

  • .md 无 categories 分类按照: 年 → 月 → 日 → 文件名. 一级一级的 分类
  • .md 有 categories 分类按照: 分类名 → 年 → 月 → 日 → 文件名. 一级一级的 分类

    categories 是可选项, tags 这个是必须选项. 所以要区分tags .只要全部遍历一遍文件 就指定了…

2016-11-13-01-Jquery-简介

layout: post title: Jquery-简介 categories: codasfa tags: jQuery — 比如这个

栏目 列出来了 . 接下来就要实现 点击栏目 过滤出响应的 tags. 就要用 函数了…. filter() 函数

tags栏: site.tags

  <ul id="sidebar-tags">
    {% for tag in site.tags %}
      <li class="sidebar-tag" data-filter="{{ tag | first }}">{{ tag | first }}</li>
    {% endfor %}
  </ul>

文件名列表: site.posts

这里还实现了 博客具体url的获取: post.url

<nav id="toc">
  {% for post in site.posts %}
  <a class="toc-link" data-tags="{{ post.tags | join: ' ' }}" href="{{ post.url }}">
{{ post.title }}
  </a>
  {% endfor %}
</nav>    

文件内容: content

<div id="contentDiv">  {{ content }} </div>