test pagination (show one post per page; it does not make practical sense, but I only have four pages on this example site in total, and I want to show them in four pages)

exampleSite/config.toml

@@ -7,6 +7,7 @@ disqusShortname = ""
 ignoreFiles = ["\\.Rmd$", "\\.Rmarkdown$", "_files$", "_cache$"]
 preserveTaxonomyNames = true
 footnotereturnlinkcontents = "↩"
+paginate = 1
 
 [permalinks]
     post = "/post/:year/:month/:day/:slug/"

exampleSite/layouts/partials/foot_custom.html

@@ -2,11 +2,3 @@
 <script async src="//cdn.bootcss.com/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"></script>
 
 <script async src="//yihui.name/js/center-img.js"></script>
-
-<script src="//cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js"></script>
-<script src="//cdn.bootcss.com/highlight.js/9.12.0/languages/r.min.js"></script>
-
-<script>
-hljs.configure({languages: []});
-hljs.initHighlightingOnLoad();
-</script>

exampleSite/layouts/partials/head_custom.html

@@ -1 +0,0 @@
-<link href="//cdn.bootcss.com/highlight.js/9.12.0/styles/github.min.css" rel="stylesheet">

layouts/_default/list.html

@@ -7,12 +7,14 @@
 {{ .Content }}
 
 <ul>
-  {{ range (where .Data.Pages "Section" "!=" "") }}
+  {{ $paginator := .Paginate (where .Data.Pages "Section" "!=" "") }}
+  {{ range $paginator.Pages }}
   <li>
     <span class="date">{{ .Date.Format "2006/01/02" }}</span>
     <a href="{{ .URL }}">{{ .Title }}</a>
   </li>
   {{ end }}
 </ul>
+{{ template "_internal/pagination.html" . }}
 
 {{ partial "footer.html" . }}

static/css/style.css

@@ -22,11 +22,15 @@ hr {
   color: #ddd;
 }
 
+/* pagination */
+.pagination { text-align: center; }
+.pagination li { display: inline; }
+.pagination a { padding: 0 .2em; }
+
 /* code */
 pre {
   border: 1px solid #ddd;
   box-shadow: 5px 5px 5px #eee;
-  background: #f8f8f8;
   padding: 1em;
   overflow-x: auto;
 }