Skip to content

Latest commit

 

History

History
51 lines (36 loc) · 1.38 KB

2019-06-07-jekyll-paginate-plugin-pagination.md

File metadata and controls

51 lines (36 loc) · 1.38 KB
layout comments date title description subject categories tags
post
true
2019-06-07 11:27:00 -0700
Github Page Jekyll-paginate 사용하기 및 참고
Github Page Pagination 설치없이 사용법 및 참고
blog
jekyll
jekyll
plugin

참고

공식 홈페이지: https://jekyllrb-ko.github.io/docs/pagination/

Github Page 에서는 설치없이 pagination 사용이 가능해요.

하지만 2를 사용하려고 찾아보던중, 2는 설치만 가능하구요!

pagination 자체는 index.html 외에는 동작하지 않는다고 해요 ㅠㅠ

다른 Url 로 옮기려고 했는데 안되더라구요 ㄷㄷ

사용법

_config.yml

plugins:
  - jekyll-paginate

list.html

<div class="pagination">
    {% if paginator.previous_page %}
        <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="fas fa-chevron-left"></a>
    {% endif %}
    {% if paginator.next_page %}
        <a href="{{ paginator.next_page_path | prepend: site.baseurl }}" class="fas fa-chevron-right"></a>
    {% endif %}
    
    <span class="page-left">{{ paginator.page }}</span><span class="page-slice"> / </span><span class="page-right">{{ paginator.total_pages }}</span>
</div>

빨간색 네모처럼 만들어서 사용할 수 있다 :)

![미리보기-이미지]( {{ site.img_url }}/{{ page.categories }}/jekyll-paginate-plugin-pagination01.png )