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

hugo
avatar hilmanski

Ditulis oleh @hilmanski

"luaskan ilmu & luaskan manfaat"