首页 > 解决方案 > 使用数据文件进行 Jekyll 分页

问题描述

我正在寻找尝试使用 _data 文件进行分页。这是我想出的代码,但它不起作用。试图让它适用于我现在正在为我的一个非营利客户工作的项目。

{% if page.layout == "events" %}
    {% for events in paginator.events %}
    <div class="card card-posts">
        <img src="{{ events.image }}" class="card-img-top" alt="...">
        <div class="card-body">

            <h1 class="card-title my-3">{{ events.title }}</h1>

            <div class="meta-info">
                <ul class="list-inline">
                    {% if events.start %}
                    <li class="list-inline-item">
                        <i class="fas fa-calendar-alt"></i> {{ events.start | date_to_long_string }}
                    </li>
                    {% endif %}
                </ul>
            </div>

            <p class="card-text">{{ events.summary }}</p>

        </div>
    </div>
    {% endfor %}


    {% if paginator.total_pages > 1 %}
    <!--pagination-->   
    <div class="pagination bot-element">
        <div class="pr-bg pr-bg-white"></div>
        <div class="container">
            {% if paginator.previous_page %}
            <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="text-link"><i class="fal fa-long-arrow-left"></i></a>
            {% endif %}
            {% if paginator.page_trail %}
                {% for trail in paginator.page_trail %}
                <a href="{{ trail.path | prepend: site.baseurl }}" {% if page.url == trail.path %}class="current-page"{% endif %} title="{{ trail.title }}">{{ trail.num }}</a>
                {% endfor %}
            {% endif %}
            {% if paginator.next_page %}
            <a href="{{ paginator.next_page_path | prepend: site.baseurl }}" class="text-link"><i class="fal fa-long-arrow-right"></i></a>
            {% endif %}
        </div>
    </div>
    <!--pagination end-->
    {% endif %}
{% endif %}

有人可以看看这是否有可能做到这一点?如果在事件页面上显示事件档案是否是理想的选择?

标签: paginationjekylljekyll-paginator

解决方案


推荐阅读