diff options
| author | Eltrac <hi@guhub.cn> | 2025-03-24 13:02:23 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-03-24 13:02:23 +0800 |
| commit | 70f57f4742825abef07d33a72a8d4b149eb038b6 (patch) | |
| tree | 245af45b8bdeccc247e3aab697ac361eb3610306 /layouts | |
| parent | 525c5a02919047d80b38706b654f538521148790 (diff) | |
feat: add card section and card shortcode
Former-commit-id: 416d8329d1fc766aeb9281ed6c209422e5aab03d
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/cards/section.html | 28 | ||||
| -rw-r--r-- | layouts/cards/single.html | 26 | ||||
| -rw-r--r-- | layouts/shortcodes/card.html | 29 |
3 files changed, 83 insertions, 0 deletions
diff --git a/layouts/cards/section.html b/layouts/cards/section.html new file mode 100644 index 00000000..fa0362d3 --- /dev/null +++ b/layouts/cards/section.html @@ -0,0 +1,28 @@ +{{ partial "snippets/document-start.html" . }} + <article class="card-list"> + {{ partial "header.html" . }} + <div id="cards-section"> + {{ partial "components/pagefind.html" . }} + {{- range .Pages }} + <div class="card markdown-body"> + <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"> + {{- range .Params.tags }} + <a href="{{ "/tags/" | relURL }}{{ . | urlize }}" class="card-tag">#{{ . }}</a> + {{- end }} + </p> + {{- end }} + </div> + + <div class="card-content"> + {{ .Summary }} + </div> + </div> + {{- end }} + </div> + </article> +{{ partial "snippets/document-end.html" . }} diff --git a/layouts/cards/single.html b/layouts/cards/single.html new file mode 100644 index 00000000..b80f46c1 --- /dev/null +++ b/layouts/cards/single.html @@ -0,0 +1,26 @@ +{{ partial "snippets/document-start.html" . }} + <article + class="card-page {{ .Site.Language.LanguageName }}" + id="article" + > + {{ partial "components/breadcrumbs.html" . }} + <div id="post-content" class="post-content markdown-body"> + <div class="card"> + <a href="{{ .Permalink }}" class="card-corner"></a> <!-- 右上角折角 --> + <div class="card-header"> + <h3 class="card-title">{{ .Title }}</h3> + {{- if .Params.tags }} + <p class="card-tags"> + {{- range .Params.tags }} + <a href="{{ "/tags/" | relURL }}{{ . | urlize }}" class="card-tag">#{{ . }}</a> + {{- end }} + </p> + {{- end }} + </div> + <div class="card-content"> + {{ .Content }} + </div> + </div> + </div> + </article> +{{ partial "snippets/document-end.html" . }} diff --git a/layouts/shortcodes/card.html b/layouts/shortcodes/card.html new file mode 100644 index 00000000..a860b72c --- /dev/null +++ b/layouts/shortcodes/card.html @@ -0,0 +1,29 @@ +{{- $card := .Site.GetPage (printf "cards/%s" (.Get 0)) -}} +{{- $hideHeader := .Get 1 | default "false" | lower -}} + +{{- if $card }} + <div class="card"> + <a href="{{ $card.Permalink }}" class="card-corner"></a> <!-- 右上角折角 --> + + {{- if ne $hideHeader "true" }} + <div class="card-header"> + <h3 class="card-title">{{ $card.Title }}</h3> + {{- if $card.Params.tags }} + <p class="card-tags"> + {{- range $card.Params.tags }} + <a href="{{ "/tags/" | relURL }}{{ . | urlize }}" class="card-tag">#{{ . }}</a> + {{- end }} + </p> + {{- end }} + </div> + {{- end }} + + <div class="card-content"> + {{- with $card.Content }} + {{ . }} + {{- end }} + </div> + </div> +{{- else }} + <p style="color: red;">⚠️ 无法找到卡片: {{ .Get 0 }}</p> +{{- end }} |