From 172479cb0a9a53337da30312f076b4f0f1c009fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=87=A1=E6=A2=A6=E6=98=9F=E5=B0=98?= <elkan1788@139.com>
Date: Mon, 16 May 2022 09:22:39 +0800
Subject: [PATCH] :construction: Add pagination in home page.

---
 exampleSite/config.yaml          |  2 ++
 layouts/_default/baseof.html     |  5 +---
 layouts/index.html               |  1 +
 layouts/partials/pages.html      |  5 ----
 layouts/partials/pagination.html | 42 ++++++++++++++++++++++++++++++++
 5 files changed, 46 insertions(+), 9 deletions(-)
 delete mode 100644 layouts/partials/pages.html
 create mode 100644 layouts/partials/pagination.html

diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 3e59c1f..b91a925 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -5,6 +5,8 @@ baseURL: /
 
 theme: hugo-theme-next
 
+paginate: 3
+
 #--------------------------------------
 # Hugo multilingual settings
 #--------------------------------------
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index fe39880..a0c4510 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -19,10 +19,7 @@
       {{ partial "partials/header.html" . }}
     </header>
     <div class="main-inner index posts-expand">
-      {{- block "main" . -}}{{- end -}}
-      <nav class="pagination">
-        {{ partial "partials/pages.html" . }}
-      </nav>
+      {{- block "main" . -}}{{- end -}}   
     </div>
   </main>
   <footer class="footer">
diff --git a/layouts/index.html b/layouts/index.html
index af5d033..a87fca3 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -28,4 +28,5 @@
 </article>
 </div>    
 {{- end }}
+{{- partial "partials/pagination" . }}  
 {{- end }}
\ No newline at end of file
diff --git a/layouts/partials/pages.html b/layouts/partials/pages.html
deleted file mode 100644
index 75a02da..0000000
--- a/layouts/partials/pages.html
+++ /dev/null
@@ -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>
\ No newline at end of file
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
new file mode 100644
index 0000000..bd12821
--- /dev/null
+++ b/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>
\ No newline at end of file