1. 默認使用_internal/pagination.html 分頁模板 2. 可以自定分頁模板 layouts/partials/pagination.html ``` {{ $paginator := .Paginate (where .Pages "Type" "posts") }} <ul> {{ range $paginator.Pages }} <li> <span><a href="{{ .Permalink }}">{{ .Title }}</a> <time class="pull-right post-list" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Mon, Jan 2, 2006" }}</time></span> </li> {{- end }} </ul> {{ $pag := $.Paginator }} {{ if gt $pag.TotalPages 1 }} <ul class="pagination"> {{ with $pag.First }} <li class="page-item"> <a href="{{ .URL }}" class="page-link" aria-label="First"><span aria-hidden="true">&laquo;&laquo;</span></a> </li> {{ end }} <li class="page-item{{ if not $pag.HasPrev }} disabled{{ end }}"> <a {{ if $pag.HasPrev }}href="{{ $pag.Prev.URL }}"{{ end }} class="page-link" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a> </li> {{ $ellipsed := false }} {{ $shouldEllipse := false }} {{ range $pag.Pagers }} {{ $right := sub .TotalPages .PageNumber }} {{ $showNumber := or (le .PageNumber 3) (eq $right 0) }} {{ $showNumber := or $showNumber (and (gt .PageNumber (sub $pag.PageNumber 2)) (lt .PageNumber (add $pag.PageNumber 2))) }} {{ if $showNumber }} {{ $ellipsed = false }} {{ $shouldEllipse = false }} {{ else }} {{ $shouldEllipse = not $ellipsed }} {{ $ellipsed = true }} {{ end }} {{ if $showNumber }} <li class="page-item{{ if eq . $pag }} active{{ end }}"><a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a></li> {{ else if $shouldEllipse }} <li class="page-item disabled"><span aria-hidden="true">&nbsp;&hellip;&nbsp;</span></li> {{ end }} {{ end }} <li class="page-item{{ if not $pag.HasNext }} disabled{{ end }}"> <a {{ if $pag.HasNext }}href="{{ $pag.Next.URL }}"{{ end }} class="page-link" aria-label="Next"><span aria-hidden="true">&raquo;</span></a> </li> {{ with $pag.Last }} <li class="page-item"> <a href="{{ .URL }}" class="page-link" aria-label="Last"><span aria-hidden="true">&raquo;&raquo;</span></a> </li> {{ end }} </ul> {{ end }} ``` 1. layouts/_default/list.html ``` {{ define "main" -}} {{ partial "pagination.html" . }} {{- end }} ``` 4. 這樣還是有些問題，按鈕豎排，改一下樣式表 static/css/hyde.css ``` /** vvv Add lines below */ ul.pagination { list-style-type: none; } ul.pagination > li { display: inline; } ```