지킬 플러그인에서 jekyll-paginate 를 사용하면 거의 자동으로 페이지 이동 기능을 이용할 수 있다. 아래 링크를 참고하면, 기본 코드의 틀을 가져올 수 있다.
- Jekyll pagination, https://jekyllrb.com/docs/pagination/
- 지킬 페이지 나누기, https://jekyllrb-ko.github.io/docs/pagination/
문제는 어떻게 보여지는 것인지 인데… 일단, 부트스트랩 사이트로 가보자.
여기에 보면 기본적인 페이지 네비게이션 모양들이 있다. 이중에 이렇게 생긴놈으로 하나 골랐다. 코드를 가져와서 지킬 페이지 기능과 유기적으로 결합시켜 보자.
코드는 아래 gist code 를 사용하면 된다. 아래 gits 창 하단에 view raw 를 누르면 깔끔하게 다운로드 할 수 있다.
먼저, 변경되기전의 Clean 테마에서는 아래 그림처럼 페이지 기능이 구현되어 있었다.
결과적으로 나의 블로그에 적용된 모양은 아래와 같다.
흠 그럴듯 하게 변경되었다.. ^0^