jekyll, ruby,

Create pagination on jekyll posts list and post single page

Puji Ermanto Puji Ermanto Follow Jun 28, 2019 · 1 min read
Create pagination on jekyll posts list and post single page
Share this

open _config.yml file on root directori : adding new plugin config.

plugins:
  - jekyll-paginate

at same file on _config.yml, adding pagginate configuration :

paginate: 6
paginate_path: /page:num/

open gemfile on the root directori :

group :jekyll_plugins do
  gem "jekyll-feed", "~> 0.6"
  gem "jekyll-paginate"
  gem "jekyll-coffeescript"
  gem 'jekyll-sass-converter'
end

and than open new terminal, and installing plugin :

gem install jekyll-paginate

create paginate post list with css class bootstrap v-4.3

and this is in my layout post list on jekyll :

<div class="row justify-content-end">
	<div class="col-xs-12">
		
		
	<ul class="post-list"> 
	
	</ul>
	
		  <div class="container">
			<div class="row justify-content-center">
			  <div class="col-xs-6">
				  <!-- pagination -->
				  <nav aria-label="Page navigation example">
					  <ul class="pagination pagination-sm">
							
						<li class="page-item disabled"><a class="page-link"><i class="fas fa-fw fa-chevron-left"></i> Prev</a></li>
					  
	
	  <!--                  -->
	
					  
						<li class="page-item disabled"><a class="page-link"> Next <i class="fas fa-chevron-right"></i></a></li>
					  
				  </ul>
				</nav>
			  </div>
			</div>
		  </div>
	
		</div>
	  </div>
Join Newsletter
Get the latest news right in your inbox. We never spam!
Puji Ermanto
Ditulis Oleh Puji Ermanto Follow
Adalah seorang freelancer web developer, blogger, beberapa waktu lalu mengerjakan Project sebagai Fullstack Web Developer di Sebuah marketplace yaitu
PT. Syoobe Inti Perdana(Syoobe) - Jakarta
Dan di beberapa pengalaman sebelumnya bekerja sebagai web developer sekaligus IT Staf di
PT.Gemilang Citrus Berjaya(ourcitrus) - Sidoarjo