Как добавить функцию разбиения на страницы на бесконечном уровне на веб-сайте stati c на базе jekyll, размещенном на страницах GitHub - PullRequest
0 голосов
/ 15 апреля 2020

В настоящее время я реализовал нумерацию страниц с использованием жидкости и Bootstrap 4, как показано ниже.

{% if paginator.total_pages > 1 %}
    <nav aria-label="Page navigation " >
        <ul class="pagination justify-content-center">


        {% if paginator.previous_page %}
            <li class="page-item"><a class="page-link" href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo;Previous</a></li>
        {% else %}
            <li class="page-item disabled">
            <a class="page-link" href="#" tabindex="-1">&laquo;Previous</a>
            </li>
        {% endif %}


        {% for page in (1..paginator.total_pages)%}
            {% if page == paginator.page %}


                <li class="page-item"><a class="page-link">{{ paginator.page }}Current </a></li>

            {% elsif page == 1 %}
                <li class="page-item"><a class="page-link" href="/blog">{{page }}</a></li>
            {% else %}
                <li class="page-item"><a class="page-link" href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
            {% endif %}
        {% endfor %}

          {% if paginator.next_page %}          
          <li class="page-item"><a class="page-link" href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}" >Next&raquo;</a></li>
          {% else %}
          <li class="page-item disabled"><a class="page-link" href="#" tabindex="-1">Next&raquo;</a></li>
          {% endif %}

        </ul>
      </nav>
      {% endif %}

Это прекрасно работает и генерирует блок, как показано ниже.

enter image description here

Но когда я увеличу количество сообщений, в нем будут перечислены все страницы, скажем, от 1 до 100, если они присутствуют, но я хочу, чтобы только немногие из них отображались, скажем, 1-5, чем "..." так что go может включаться бесконечно, так как количество сообщений увеличивается, как показано ниже. enter image description here

Я полагаю, многие уже реализовали этот способ.

...