alyenc/hugo-theme-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🚧 Add pagination in home page.

Browse Source
This commit is contained in:
凡梦星尘 2022-05-16 09:22:39 +08:00
parent 331c692be5
commit 172479cb0a
5 changed files with 46 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
exampleSite/config.yaml
View File

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

5
layouts/_default/baseof.html
View File

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

1
layouts/index.html
View File

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

5
layouts/partials/pages.html
View File

@ -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>

42
layouts/partials/pagination.html Normal file
View File

@ -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>