🚧 Add pagination in home page.

exampleSite/config.yaml

@@ -5,6 +5,8 @@ baseURL: /
 
 theme: hugo-theme-next
 
+paginate: 3
+
 #--------------------------------------
 # Hugo multilingual settings
 #--------------------------------------

layouts/_default/baseof.html

@@ -20,9 +20,6 @@
     </header>
     <div class="main-inner index posts-expand">
       {{- block "main" . -}}{{- end -}}   
-      <nav class="pagination">
-        {{ partial "partials/pages.html" . }}
-      </nav>
     </div>
   </main>
   <footer class="footer">

layouts/index.html

@@ -28,4 +28,5 @@
 </article>
 </div>    
 {{- end }}
+{{- partial "partials/pagination" . }}  
 {{- end }}

layouts/partials/pages.html

@@ -1,5 +0,0 @@
-<span class="page-number current">1</span>
-<a class="page-number" href="/page/2/">2</a>
-<a class="extend next" rel="next" href="/page/2/">
-  <i class="fa fa-angle-right" aria-label="下一页"></i>
-</a>

layouts/partials/pagination.html

@@ -0,0 +1,42 @@
+{{- $pag := .Paginator }}
+{{- $tps := $pag.TotalPages }}
+
+{{- $begin := sub $pag.PageNumber  4}}
+{{- $.Scratch.Set "begin" $begin }}
+{{- $end := add $pag.PageNumber  4}}
+{{- $.Scratch.Set "end" $end }}
+
+{{- if lt $begin 0}}
+  {{- $end := sub $end $begin }}
+  {{- $.Scratch.Set "end" $end }}
+{{- end}}
+{{- $end := $.Scratch.Get "end"}}
+
+{{- $over := sub  $tps $end }}
+
+{{- if lt $over 0}}
+  {{- $begin := add $begin $over}}
+  {{- $.Scratch.Set "begin" $begin }}
+{{- end }}
+{{- $begin := $.Scratch.Get "begin"}}
+<nav class="pagination">
+  {{- if $pag.HasPrev }}
+  <a class="extend prev" rel="prev" href="{{- $pag.Prev.URL  }}">
+    <i class="fa fa-angle-left"></i>
+  </a>
+  {{- end }}
+  {{- range $p := $pag.Pagers }}
+      {{- if and (ge $p.PageNumber $begin) (le $p.PageNumber $end) }}
+      {{- if eq $p $pag }}
+        <span class="page-number current">{{- $p.PageNumber }}</span>
+      {{- else }}
+        <a class="page-number" href="{{- $p.URL  }}">{{- $p.PageNumber }}</a>
+      {{- end }}
+      {{- end }}
+  {{- end }}
+  {{- if $pag.HasNext }}
+  <a class="extend next" rel="next" href="{{- $pag.Next.URL }}">
+    <i class="fa fa-angle-right"></i>
+  </a>
+  {{- end }}
+</nav>