jekyll gitage Blog 怎么实现标签分类.... 想了整整 3 天. 开始怀疑智商了....

[xx0219]

博客链接 这个主题...

研究了 3 天也没弄明白 是怎么实现 点击标签 过滤出对应的文章的...

主要 js 代码 应该就是下面这段(assets/js/main.js 里)
// Tags Filter
$('#sidebar-tags').on('click', '.sidebar-tag', function() { var filter = $(this).data('filter'); console.log("filter= "+filter);

var datatags = $(".toc-link").data('tags');
console.log("data-tags= "+datatags);

if (filter === 'all') {
  toc.fadeIn(350);
} else {
  toc.hide();
  $('.toc-link[data-tags~=' + filter + ']').fadeIn(350);
}
$(this).addClass('active').siblings().removeClass('active');

});

});

主要的 html 结构:

• 全部文章
{% for tag in site.tags %}
• {{ tag | first }}
{% endfor %}

<nav id="toc"> {% for post in site.posts %} {{ post.title }} {% endfor %} </nav>

重点应该在 data-tags data-filter 这两个 html5 新增加的功能上...