Как увеличить переменную в шаблоне Django?

Question

Я делал сетку и мне нужно объявить переменную и увеличить ее.

{% for new, des, i, link, published, author in mylist %}
    {% if x == 1 %}
        <div class="col-md-6">
            <div class="h-100 mt-2 row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
                <div class="col p-4 d-flex flex-column position-static">
                    <strong class="d-inline-block mb-2 text-primary">World</strong>
                    <h5 class="mb-0">{{new}}</h5>
                    <div class="mb-1 text-muted">{{published}}</div>
                    <p class="card-text mb-auto">{{des}}</p>
                    <a href="{{link}}" class="stretched-link">Continue reading</a>
                </div>
                <div class="col-auto d-none d-lg-block">
                    <img class="bd-placeholder-img" src="{{i}}" width="200" height="250" >
                </div>
            </div>
        </div>
    {% endif %}
{% endfor %}

Помогите мне объявить переменную x и увеличить ее, как x+1 внутри шаблона

I пытался {% with x=0 %}, но это не работает

Answer 1

Попробуйте это ниже:

{% set x = 0 %}
{% for new, des, i, link, published, author in mylist %}
    {% set x = x + 1 %}
    {% if x == 1 %}
        <div class="col-md-6">
            <div class="h-100 mt-2 row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
                <div class="col p-4 d-flex flex-column position-static">
                    <strong class="d-inline-block mb-2 text-primary">World</strong>
                    <h5 class="mb-0">{{new}}</h5>
                    <div class="mb-1 text-muted">{{published}}</div>
                    <p class="card-text mb-auto">{{des}}</p>
                    <a href="{{link}}" class="stretched-link">Continue reading</a>
                </div>
                <div class="col-auto d-none d-lg-block">
                    <img class="bd-placeholder-img" src="{{i}}" width="200" height="250" >
                </div>
            </div>
        </div>
    {% endif %}
{% endfor %}