This is an automated email from the ASF dual-hosted git repository.
wu-sheng pushed a commit to branch website-redesign-horizon
in repository https://gitbox.apache.org/repos/asf/skywalking-website.git
The following commit(s) were added to refs/heads/website-redesign-horizon by
this push:
new 6efa564c28e feat(ui): apply card-grid blog design to the Chinese (zh)
blog
6efa564c28e is described below
commit 6efa564c28e08fc65c61e82ac3ac3adbda0472a7
Author: Wu Sheng <[email protected]>
AuthorDate: Wed May 20 18:06:47 2026 +0800
feat(ui): apply card-grid blog design to the Chinese (zh) blog
---
layouts/zh/baseof.html | 38 ++++++++++++++++++++++++++++++++++++++
layouts/zh/list.html | 43 +++++++++++++++++++++++++++++++++++++++++++
2 files changed, 81 insertions(+)
diff --git a/layouts/zh/baseof.html b/layouts/zh/baseof.html
new file mode 100644
index 00000000000..cbed3d8a9d1
--- /dev/null
+++ b/layouts/zh/baseof.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="{{ .Site.Language.Lang }}" class="no-js">
+ <head>
+ {{ partial "head.html" . }}
+ <title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{ . }}
| {{ end }}{{ .Site.Title }}{{ end }}</title>
+ </head>
+ <body class="td-{{ .Kind }} td-blog">
+ <header>
+ {{ partial "navbar.html" . }}
+ </header>
+ <div class="container-fluid td-outer">
+ {{ if eq .Kind "page" }}
+ {{- /* single post: keep the readable two-column layout with TOC */ -}}
+ <div class="td-main">
+ <div class="row container container-center">
+ <main class="col-12 col-md-12 col-xl-10 pl-md-4 pr-md-4" role="main">
+ {{ block "main" . }}{{ end }}
+ </main>
+ <div class="toc d-none d-xl-block d-md-none col-xl-2 td-toc
d-print-none">
+ {{ partial "tags-zh.html" . }}
+ {{ partial "toc.html" . }}
+ </div>
+ </div>
+ </div>
+ {{ else }}
+ {{- /* list: full-width card grid */ -}}
+ <main class="td-main" role="main">
+ {{ block "main" . }}{{ end }}
+ </main>
+ {{ end }}
+ {{ partial "footer.html" . }}
+ </div>
+ {{ partial "event-popup.html" . }}
+ {{ partial "lightbox.html" . }}
+ {{ partial "sidebar-skywalking.html" . }}
+ {{ partial "scripts.html" . }}
+ </body>
+</html>
diff --git a/layouts/zh/list.html b/layouts/zh/list.html
new file mode 100644
index 00000000000..424b1e0729e
--- /dev/null
+++ b/layouts/zh/list.html
@@ -0,0 +1,43 @@
+{{ define "main" }}
+{{- if .Parent.IsHome -}}
+{{ $.Scratch.Set "blog-pages" (where .Site.RegularPages "Section" .Section) }}
+{{- else -}}
+{{ $.Scratch.Set "blog-pages" .Pages }}
+{{- end -}}
+{{ $pag := .Paginate (($.Scratch.Get "blog-pages").GroupByDate (i18n "year"))
}}
+
+<section class="blog-hero">
+ <div class="container">
+ <span class="eyebrow">中文博客</span>
+ <h1>工程实践与社区动态</h1>
+ <p>来自 Apache SkyWalking 社区的版本解读、架构设计、集成实践与一线经验分享 —— 按时间倒序排列。</p>
+ </div>
+</section>
+
+<div class="container blog-wrap">
+ {{ range $pag.PageGroups }}
+ <h2 class="blog-year">{{ .Key }} 年</h2>
+ <div class="blog-grid">
+ {{ range .Pages }}
+ <article class="blog-card">
+ {{ with .Params.tags }}
+ <div class="blog-labels">
+ {{ range . }}<span class="blog-label" data-label="{{ . }}">{{ .
}}</span>{{ end }}
+ </div>
+ {{ end }}
+ <h3 class="blog-card-title"><a href="{{ .RelPermalink }}">{{ .LinkTitle
}}</a></h3>
+ <p class="blog-card-preview">{{ with .Description }}{{ . }}{{ else }}{{
.Plain | safeHTML | truncate 160 }}{{ end }}</p>
+ <div class="blog-card-foot">
+ <span class="blog-date">{{ .Date.Format "2006-01-02" }}</span>
+ {{ with .Params.author }}<span class="blog-author">{{ . | markdownify
}}</span>{{ end }}
+ </div>
+ </article>
+ {{ end }}
+ </div>
+ {{ end }}
+
+ <div class="blog-pagination">
+ {{ template "_internal/pagination.html" . }}
+ </div>
+</div>
+{{ end }}
