Pagination for index, list, and single page layouts

exampleSite/config.toml

@@ -3,10 +3,11 @@ languageCode = "en-us"
 title = "Basic Hugo Theme"
 copyright = "Copyright © 2019, Copyright Owner Name | Built with [Hugo](https://gohugo.io/)"
 theme = "basic-theme"
-paginate = 10
+paginate = 5
 
 [permalinks]
   posts = "/:year/:month/:title/"
 
 [params]
   subtitle = "A theme with no CSS and only basic layouts"
+  mainSections = [ "posts" ]

layouts/_default/list.html

@@ -9,7 +9,12 @@
 <header class="list-content">
     {{ .Content }}
 </header>
-{{ range .Pages }}
-{{ .Render "summary"}}
+{{ range $index, $page := (.Paginate (where .Pages ".Params.hidden" "!=" "true")).Pages }}
+{{ if ne $index 0 }}
+{{ end }}
+{{ .Render "summary" }}
 {{ end }}
 {{ end }}
+{{ define "content-footer" }}
+{{ partial "paginator.html" .Paginator }}
+{{ end }}

layouts/_default/single.html

@@ -10,3 +10,6 @@
     {{ .Content }}
 </article>
 {{ end }}
+{{ define "content-footer" }}
+{{ partial "prev-next-page.html" . }}
+{{ end }}

layouts/index.html

@@ -4,7 +4,12 @@
   {{.Content}}
 </article>
 <!-- Note that .Pages is the same as .Site.RegularPages on the homepage template. -->
-{{ range first 10 .Pages }}
-{{ .Render "summary"}}
+{{ range $index, $page := (.Paginate (where (where .Site.RegularPages "Type" "in" site.Params.mainSections) ".Params.hidden" "!=" "true" )).Pages }}
+{{ if ne $index 0 }}
+{{ end }}
+{{ .Render "summary" }}
 {{ end }}
 {{ end }}
+{{ define "content-footer" }}
+{{ partial "paginator.html" .Paginator }}
+{{ end }}

layouts/partials/paginator.html

@@ -0,0 +1,19 @@
+<nav>
+    <ul>
+        <li>
+            {{if .HasPrev}}
+            <a alt="Newer articles" href="{{ .Prev.URL }}">&larr; Newer</a>
+            {{ else }}
+            &nbsp;
+            {{end}}
+        </li>
+        <li>Page {{ .PageNumber }} of {{ .TotalPages }}</li>
+        <li>
+            {{if .HasNext}}
+            <a alt="Older articles" href="{{ .Next.URL }}">Older &rarr;</a>
+            {{ else }}
+            &nbsp;
+            {{end}}
+        </li>
+    </ul>
+</nav>

layouts/partials/prev-next-page.html

@@ -0,0 +1,20 @@
+{{ if not .Params.Menu }}
+<nav>
+    <ul>
+        <li>
+            {{ if .NextInSection }}
+            <a alt="Newer article" href="{{ .NextInSection.Permalink }}">&larr; Newer</a>
+            {{ else }}
+            &nbsp;
+            {{ end }} </li>
+        <li><a alt="Top of page" href="#">Top</a></li>
+        <li>
+            {{ if .PrevInSection }}
+            <a alt="Older article" href="{{ .PrevInSection.Permalink }}">Older &rarr;</a>
+            {{ else }}
+            &nbsp;
+            {{ end }}
+        </li>
+    </ul>
+</nav>
+{{ end }}