diff options
| author | Eltrac <hi@guhub.cn> | 2025-04-02 13:54:44 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-04-02 13:54:44 +0800 |
| commit | e5dc4c83ff8dcf40af4f9d1dc28cf70b885796b6 (patch) | |
| tree | a45b936ba5d12faff52b353b337361974fa1335a | |
| parent | 2b546a57852cacbfb3f204d5b552a039440478fb (diff) | |
refactor: simply card page structure
| -rw-r--r-- | layouts/cards/section.html | 40 | ||||
| -rw-r--r-- | layouts/cards/single.html | 79 |
2 files changed, 57 insertions, 62 deletions
diff --git a/layouts/cards/section.html b/layouts/cards/section.html index 380faf28..1067c629 100644 --- a/layouts/cards/section.html +++ b/layouts/cards/section.html @@ -1,27 +1,27 @@ {{ 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"> + {{- 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> - <div class="card-content markdown-body"> - {{ .Summary }} + <div class="card-content markdown-body"> + {{ .Summary }} + </div> </div> - </div> {{- end }} </div> </article> diff --git a/layouts/cards/single.html b/layouts/cards/single.html index 2eb274f3..58f712d3 100644 --- a/layouts/cards/single.html +++ b/layouts/cards/single.html @@ -1,51 +1,46 @@ {{ define "main" }} - <article - class="card-page {{ .Site.Language.LanguageName }}" - id="article" - > + <article class="card-page"> {{ partial "header.html" . }} - <div id="post-content" class="post-content"> - <div class="card markdown-body" - style="view-transition-name: card-{{ .File.UniqueID }}"> - <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 class="card markdown-body post-content" + style="view-transition-name: card-{{ .File.UniqueID }}"> + <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> - {{- /* 查询引用了这个卡片的文章 */ -}} - {{- $currentCard := .File.BaseFileName -}} <!-- 获取当前卡片的文件名 --> - {{- $referencedBy := slice -}} <!-- 初始化一个空数组 --> + {{- /* 查询引用了这个卡片的文章 */ -}} + {{- $currentCard := .File.BaseFileName -}} <!-- 获取当前卡片的文件名 --> + {{- $referencedBy := slice -}} <!-- 初始化一个空数组 --> - {{- range .Site.Pages }} - {{- if and (isset .Params "related_cards") (in .Params.related_cards $currentCard) }} - {{- $referencedBy = $referencedBy | append . }} - {{- end }} + {{- range .Site.Pages }} + {{- if and (isset .Params "related_cards") (in .Params.related_cards $currentCard) }} + {{- $referencedBy = $referencedBy | append . }} {{- end }} + {{- end }} - {{- /* 如果有文章引用这个卡片,就显示它们 */ -}} - {{ if gt (len $referencedBy) 0 }} - <section class="referenced-articles"> - <h2>引用了本卡片的文章</h2> - <ul> - {{- range $referencedBy }} - <li> - <a href="{{ .Permalink }}">{{ .Title }}</a> - </li> - {{- end }} - </ul> - </section> - {{ end }} - </div> + {{- /* 如果有文章引用这个卡片,就显示它们 */ -}} + {{ if gt (len $referencedBy) 0 }} + <section class="referenced-articles post-content"> + <h2>引用了本卡片的文章</h2> + <ul> + {{- range $referencedBy }} + <li> + <a href="{{ .Permalink }}">{{ .Title }}</a> + </li> + {{- end }} + </ul> + </section> + {{ end }} </article> {{ end }} |
