Как игнорировать смещение в Jekyll, когда предыдущий пост пропущен - PullRequest
Новая
       18

Как игнорировать смещение в Jekyll, когда предыдущий пост пропущен

0 голосов
/ 23 октября 2018

Я пытаюсь создать свой первый блог о Джекиле.И я застрял в одной глупости.поэтому тема следующая: у меня есть раздел для одной из моих категорий, пусть это будет "новость": 

<section class="news">
    <div class="container">
        <div class="row no-gutters">

{% for post in site.categories.news limit: 2 offset: 0 %} 
{% include news-item-col-6.html %}
{% endfor %}

{% for post in site.categories.news limit: 3 **offset: 2** %}
{% include news-item-col-4.html %}
{% endfor %}

        </div>
    </div>
</section>

news-item-col-6: 

{% if post.thumb != 0 %}
   <div class="col-md-6">
        <div class="pattern">
            <div class="overlay item-title" style="background-image: url({{ post.thumb }});">               
                <div class="item-title-content">
                    <h3><a href="{{ post.url }}">{{ post.header }}</a></h3>                     
                </div>
            </div>      
        </div>
    </div>
{% endif %}

news-item-col-4: 

{% if post.thumb != 0 %}
  <div class="col-md-4">
    <div class="pattern">           
        <div class="overlay item-title" style="background-image: url({{ post.thumb }});">
            <div class="item-title-content">
                <h3><a href="{{ post.url }}">{{ post.header }}</a></h3>                 
            </div>
        </div>                  
    </div>
  </div>
{% endif %}

мои сообщения tp 

---
layout: post
title: title | site.com
header: title
description: discription
categories: categories url
catname: News
image: "images/URL /to image/1.jpg"
thumb: "images/URL /to thumb/1t.jpg"
permalink: "blog/:categories/:year-:month-:day-:slug.html"
---

, поэтому проблема в том, что не все мои посты будут иметь фоновый большой палец, и все, что я хочу сделать, это игнорировать посты, у которых нет {post.thumb}.и код работает, но, к сожалению, смещение блока col-md-4 не игнорирует порядок записи без post.thumb.

на рисунке ниже попробуйте объяснить, что я хочу:

Так и должно быть, если во всех моих сообщениях есть post.thumb (bg_image)

Так и должно быть, если в моем сообщении Item2 нет post.thumb (bg_image),он просто не отображается в разделе

И вот как работает мой код: D

Так что же нужно сделать, чтобы он работал правильно?

PS Мой английский достаточно плох, поэтому я прошу прощения за грамматические ошибки, и я прошу вас, ребята, дать ответы настолько простыми, насколько вы можете ...

1 Ответ

0 голосов
/ 23 октября 2018

Просто используйте пользовательский счетчик, например: 

{% assign counter = 0 %} <!-- create a custom counter and set it to zero -->
{% for post in site.categories.news %} <!-- loop through the posts in news -->
  {% if post.thumb %} <!-- check if the post has a thumbnail -->
    {% assign counter = counter | plus: 1 %} <!-- increment the counter if it does -->
    {% if counter < 3 %} <!-- if this is the first or second counted post -->
      {% include news-item-col-6.html %} <!-- include the col-6 element -->
    {% elsif counter < 6 %} <!-- else -->
      {% include news-item-col-4.html %} <!-- include the col-4 element -->
    {% endif %}
  {% endif %}
{% endfor %}
...