Membuat pagination di Hugo

Semakin rajin kamu membuat blog, semakin banyak tempat yang dibutuhkan untuk menampilkan list kontennya. Waktunya kita belajar sistem pagination di hu...

cover Membuat pagination di Hugo

Semakin rajin kamu membuat blog, semakin banyak tempat yang dibutuhkan untuk menampilkan list kontennya. Waktunya kita belajar sistem pagination di hugo

Untuk mengatur berapa jumlah konten per halaman, masukkan di konfigurasi nya config.toml . Contoh 10 konten

paginate = 10

Untuk menampilkan konten berdasarkan pagination gunakan

{{ range .Paginator.Pages }}
...
{{ end }}

Menampilkan angka pagination di Hugo dengan cara menuliskan

{{ template "_internal/pagination.html" . }}

Secara lengkap, Hugo akan menampilkan semua angka pagination yang tersedia dan tombol next atau previous untuk berpindah halaman.

Kamu mau menampilkan lebih fleksibel dari ini?

cek dokumentasinya di pagination hugo

Sebagai contoh menampilkan sederhana, hanya halaman next dan prev tombol

 {{ if .Paginator.HasPrev }}
    <a href="{{ .Paginator.Prev.URL }}">  Prev </a>
{{ end }}
{{ if .Paginator.HasNext }}
    <a href="{{ .Paginator.Next.URL }}">  Next </a>
{{ end }}

Selamat bereksperimen

avatar hilmanski
@hilmanski

2677 Kontribusi 2135 Poin

Diperbarui 3 tahun yang lalu

Bagian dari artikel seri

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban