从Jekyll Collection项目的前端生成标题

Question

如下所示，这是一个相当简单的集合设置，其中包含位于根级_events文件夹中的无序事件列表（输出设置为false）。我没有在布局中使用{{ page.title }}，而是希望标题读取为几个月。

例如，如果我在_events集合中添加一个新项目并在前面添加month: January，我希望生成“1月”标题，并将该无序列表放在下面标题。同样，如果我添加一个新的集合项并在前面添加month: February，我想生成一个“二月”标题，在该标题下面有一个新的无序列表。

我知道我需要重新安排标题所在的位置，我认为我需要某种类型的if声明，但我遇到了障碍。我无法想出这个。

Jekyll Collections可以吗？

布局

{% include root.html %}

<div class="flex-main">
    {% include header.html %}
    <main class="o-main" role="main">
        <div class="o-grid-six">
          <h1 class="f1 o-grid-six__child c-headline">{{ page.title }}</h1>
        </div>
        {{ content }}
    </main>
</div>

<div class="flex-footer">
    {% include footer.html %}
</div>

查看（事件）

---
layout: events
title: Events
order: 2
---
<ul class="c-event-list">
  {% for events in site.events %}
  <li class="c-event-list__flag">
      <div class="c-event-list__flag--left">
        <div class="c-event-list__calendar">
          <span class="c-event-list__day">{{ events.weekday }}</span>
          <span class="f2 c-event-list__date">{{ events.date-number }}</span>
        </div>
        <img class="c-event-list__image" src="{{ p.url | prepend: site.baseurl }}{{ events.thumb }}" alt="">
      </div>
      <div class="c-event-list__flag--body">
        <div class="c-event-list__content">
          <h3 class="f2 c-event-list__title">{{ events.title }}</h3>
          <p>{{ events.description }}</p>
          <a class="c-button u-mt-2" href="{{ events.link }}">Sign Up</a>
        </div>
      </div>
  </li>
  {% endfor %}
</ul>

收集项目（活动）

---
layout: default
thumb: /images/event__screen-printing-basics.jpg
link: https://www.eventbrite.com/e/screen-printing-basics-tickets-41882948025
title: Screen Printing Basics
weekday: Wednesday
month: January
date-number: '10'
description: Join us for an after hours session to learn everything you need to know about screen printing in the Make Lab. We will be coating screens with emulsion, printing artwork onto transparencies, burning the image into the screen, washing out the stencil, mixing ink, prepping our work station, registering the paper, and finally pulling prints. The artwork always varies, so you’ll leave with a one-of-a-kind screen printed poster that you made yourself!
---

接口

Answer 1

实现此目标的最佳方法是使用真实dateTime和group_by_exp过滤器。

日期时间

---
layout: default
thumb: /images/event__screen-printing-basics.jpg
link: ...
title: Screen Printing Basics
description: ...
date: 2018-03-21 20:00
---

请注意，由于某种原因，date: 2018-03-21不起作用。

group_by_exp过滤器

简化的打印逻辑可以是：

{% assign eventsByYear = site.events | group_by_exp:"event", "event.date | date: '%Y'" %}
{% for year in eventsByYear %}
  <h1>{{ year.name }}</h1>
  {% assign eventsByMonth = year.items | group_by_exp:"event", "event.date | date: '%B'" %}
  {% for month in eventsByMonth %}
    <h2>{{ month.name }}</h2>
    <ul>
      {% for event in month.items %}
        <li>{{ event.title }}-{{ event.date | date: "%A, %B %d, %Y"}}</li>
      {% endfor %}
    </ul>
  {% endfor %}
{% endfor %}