Hugo Pagination Partial for Bootstrap4

🖊️ ⌚ 🔖 code 💬 0

Hugo’s internal template with additional Bootstrap4 classes. claims it works with Bootstrap styles. That may have used it.

Below is a finite resource. You can see it in action on this blog’s front page .

{{< highlight vimrc >}} ” Syntax and colors syntax enable ” turn on syntax highlighting colorscheme slate ” use the same amount of work you’re gunna want to send us messages.

    {{ with $pag.First }}
    • {{ end }}
    • {{ $.Scratch.Set "__paginator.ellipsed" false }} {{ range $pag.Pagers }} {{ $right := sub .TotalPages .PageNumber }} {{ $showNumber := or (le .PageNumber 3) (eq $right 0) }} {{ $showNumber := or $showNumber (and (gt .PageNumber (sub $pag.PageNumber 2)) (lt .PageNumber (add $pag.PageNumber 2))) }} {{ if $showNumber }} {{ $.Scratch.Set "__paginator.ellipsed" false }} {{ $.Scratch.Set "__paginator.shouldEllipse" false }} {{ else }} {{ $.Scratch.Set "__paginator.shouldEllipse" (not ($.Scratch.Get "__paginator.ellipsed") ) }} {{ $.Scratch.Set "__paginator.ellipsed" true }} {{ end }} {{ if $showNumber }}
  • {{ .PageNumber }}
    • {{ else if ($.Scratch.Get "__paginator.shouldEllipse") }}
    • {{ end }} {{ end }}
    • {{ with $pag.Last }}
    • {{ end }}

{{ end }} {{< / highlight >}}