diff options
Diffstat (limited to 'layouts/cards/section.html')
| -rw-r--r-- | layouts/cards/section.html | 55 |
1 files changed, 34 insertions, 21 deletions
diff --git a/layouts/cards/section.html b/layouts/cards/section.html index 380faf28..5aaed0c3 100644 --- a/layouts/cards/section.html +++ b/layouts/cards/section.html @@ -1,28 +1,41 @@ {{ define "main" }} <article class="card-list"> - {{ partial "header.html" . }} - <div id="cards-section"> - {{- range .Pages }} - <div class="card" - style="view-transition-name: card-{{ .File.UniqueID }}"> - <div class="card-header"> - <h3 class="card-title"> - <a href="{{ .Permalink }}" class="card-title-link">{{ .Title }}</a> - </h3> - {{- if .Params.tags }} - <p class="card-tags markdown-body"> - {{- range .Params.tags }} - <a href="{{ "/tags/" | relURL }}{{ . | urlize }}" class="card-tag">#{{ . }}</a> - {{- end }} - </p> - {{- end }} - </div> + {{ partial "header.html" . }} + <div id="cards-section"> + {{- $cards := .Site.GetPage "section" "cards" }} <!-- 获取 "cards" 部分的内容 --> + {{- $paginator := .Paginate $cards.Pages 8 }} <!-- 对该部分内容进行分页 --> + {{- range $paginator.Pages }} + <div class="card" + style="view-transition-name: card-{{ .File.UniqueID }}"> + <div class="card-header"> + <h3 class="card-title"> + <a href="{{ .Permalink }}" class="card-title-link">{{ .Title }}</a> + </h3> + {{- if .Params.tags }} + <p class="card-tags markdown-body"> + {{- range .Params.tags }} + <a href="{{ "/tags/" | relURL }}{{ . | urlize }}" class="card-tag">#{{ . }}</a> + {{- end }} + </p> + {{- end }} + </div> - <div class="card-content markdown-body"> - {{ .Summary }} + <div class="card-content markdown-body"> + {{ .Summary }} + </div> </div> + {{- end }} + </div> + + <!-- 分页导航 --> + <div class="pagination"> + {{ if $paginator.HasPrev }} + <a href="{{ $paginator.Prev.URL }}" class="pagination-prev">👈</a> + {{ end }} + <div style="width:100%"></div> + {{ if $paginator.HasNext }} + <a href="{{ $paginator.Next.URL }}" class="pagination-next">👉</a> + {{ end }} </div> - {{- end }} - </div> </article> {{ end }} |