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/content/about.md

@@ -1,7 +1,6 @@
 ---
 title: About Hugo XMin
 author: Yihui Xie
-toc: true
 ---
 
 **XMin** is the first Hugo theme I have designed. The original reason that I wrote it was I needed a minimal example of Hugo themes when I was writing the  [**blogdown**](https://github.com/rstudio/blogdown) book. Basically I wanted a simple theme that supports a navigation menu, a home page, other single pages, lists of pages, blog posts, categories, tags, and RSS. That is all. Nothing fancy. In terms of CSS and JavaScript, I really want to keep them minimal. In fact, this theme does not contain any JavaScript code at all, although on this example website I did introduce some JavaScript code (still relatively simple anyway). The theme does not contain any images, either, and is pretty much a plain-text theme.

exampleSite/content/post/2017-06-22-rmd-toc.Rmd

@@ -1,26 +0,0 @@
----
-title: Show Table of Contents for R Markdown Posts
-date: '2017-06-22'
-slug: rmd-toc
-output:
-  blogdown::html_page:
-    toc: true
----
-
-# One Section
-
-A quick fox jumped over the lazy dog.
-
-![quick fox](https://slides.yihui.name/gif/quick-fox.gif)
-
-# Another Section
-
-A quick fox jumped over the lazy dog.
-
-## A subsection
-
-A quick fox jumped over the lazy dog.
-
-## Another subsection
-
-A quick fox jumped over the lazy dog.

exampleSite/content/post/2017-06-22-rmd-toc.html

@@ -1,40 +0,0 @@
----
-title: Show Table of Contents for R Markdown Posts
-date: '2017-06-22'
-slug: rmd-toc
-output:
-  blogdown::html_page:
-    toc: true
----
-
-
-<div id="TOC">
-<ul>
-<li><a href="#one-section">One Section</a></li>
-<li><a href="#another-section">Another Section</a><ul>
-<li><a href="#a-subsection">A subsection</a></li>
-<li><a href="#another-subsection">Another subsection</a></li>
-</ul></li>
-</ul>
-</div>
-
-<div id="one-section" class="section level1">
-<h1>One Section</h1>
-<p>A quick fox jumped over the lazy dog.</p>
-<div class="figure">
-<img src="https://slides.yihui.name/gif/quick-fox.gif" alt="quick fox" />
-<p class="caption">quick fox</p>
-</div>
-</div>
-<div id="another-section" class="section level1">
-<h1>Another Section</h1>
-<p>A quick fox jumped over the lazy dog.</p>
-<div id="a-subsection" class="section level2">
-<h2>A subsection</h2>
-<p>A quick fox jumped over the lazy dog.</p>
-</div>
-<div id="another-subsection" class="section level2">
-<h2>Another subsection</h2>
-<p>A quick fox jumped over the lazy dog.</p>
-</div>
-</div>

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" . }}

layouts/_default/single.html

@@ -5,10 +5,6 @@
 {{ if (gt .Params.date 0) }}<h2 class="date">{{ .Date.Format "2006/01/02" }}</h2>{{ end }}
 </div>
 
-{{ if .Params.toc }}
-{{ .TableOfContents }}
-{{ end }}
-
 <main>
 {{ .Content }}
 </main>

static/css/style.css

@@ -21,10 +21,11 @@ hr {
   border-style: dashed;
   color: #ddd;
 }
-#TableOfContents, #TOC {
+
-  border: 1px solid #eee;
+/* pagination */
-  border-radius: 5px;
+.pagination { text-align: center; }
-}
+.pagination li { display: inline; }
+.pagination a { padding: 0 .2em; }
 
 /* code */
 pre {