From 4f0ebaeed13c1c44c7d7c5778b187b69f5849552 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Fri, 18 Apr 2025 14:40:33 +0800
Subject: refactor: separate post single template and page template

---
 layouts/posts/single.html | 73 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 layouts/posts/single.html

(limited to 'layouts/posts/single.html')

diff --git a/layouts/posts/single.html b/layouts/posts/single.html
new file mode 100644
index 00000000..525db84d
--- /dev/null
+++ b/layouts/posts/single.html
@@ -0,0 +1,73 @@
+{{ define "main" }}
+    {{ partial "components/post-page-header.html" . }}
+    <article
+        class="post {{ .Site.Language.LanguageName }}"
+        id="article"
+    >
+      <!-- Post Header -->
+      <header
+        style="view-transition-name: post-{{ .File.UniqueID }}"
+        class="post-header"
+      >
+        {{ partial "components/banner.html" . }}
+        <!-- Title and Subtitle -->
+        <h1 class="post-title">
+          {{ .Title }}
+          {{ with .Params.subtitle }}
+            <small class="post-subtitle">{{ . }}</small>
+          {{ end }}
+        </h1>
+        <!-- Post Meta -->
+        <div class="post-meta">
+            {{ if .Date }}
+            <time class="post-date" datetime="{{ .Date.Format "2006-01-02 15:04:05 MST" }}">
+              {{ .Date.Format "2006-1-2" }}
+            </time>
+            {{ end }}
+            <span>·</span>
+            {{ if .Params.categories }}
+            <a class="post-category" href="/categories/{{ .Params.categories | urlize }}">{{ .Params.categories }}</a>
+            {{ end }}
+            {{ range .Params.tags }}
+            <a class="post-tag" href="{{ site.LanguagePrefix }}/tags/{{ lower . | urlize }}/">#{{ . }}</a>
+            {{ end }}
+        </div>
+      </header>
+
+      <!-- Post Content -->
+      <div id="post-content" class="post-content markdown-body"
+          style="view-transition-name: post-content-{{ .File.UniqueID }}">
+        {{ if .Params.toc }}
+        <div id="toc-container"><div id="toc"></div></div>
+        {{ end }}
+        {{ .Site.Params.postHeaderContent | safeHTML }}
+        {{ .Content }}
+        {{ if eq .Site.Language.Lang "zh" }}
+            <p style="font-size: 0.9rem">如果你觉得文章对你有帮助，可以考虑<a href="/sponsor">赞助作者</a></p>
+        {{ end }}
+      </div>
+
+    {{ partial "components/comment.html" . }}
+
+    {{ with site.RegularPages.Related . | first 5 }}
+        <p>{{ T "relatedContent" }}</p>
+        <ul>
+        {{ range . }}
+            <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+        {{ end }}
+        </ul>
+    {{ end }}
+
+      <script src="/js/tocbot.min.js"></script>
+      <script>
+      tocbot.init({
+        tocSelector: '#toc',
+        contentSelector: '#post-content',
+        headingSelector: 'h2, h3:not(blockquote > h3)',
+        hasInnerContainers: true,
+        scrollSmoothOffset: -30
+      });
+      </script>
+
+    </article>
+{{ end }}
-- 
cgit v1.2.3


From 8825eab3e3e82e0719f58d013218e2b957a2b1c4 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Fri, 18 Apr 2025 14:59:48 +0800
Subject: feat: related posts style & reading time estimate

---
 layouts/posts/single.html | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

(limited to 'layouts/posts/single.html')

diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index 525db84d..efea94f0 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -47,16 +47,28 @@
         {{ end }}
       </div>
 
-    {{ partial "components/comment.html" . }}
+      <!-- Comment -->
+      {{ partial "components/comment.html" . }}
 
-    {{ with site.RegularPages.Related . | first 5 }}
-        <p>{{ T "relatedContent" }}</p>
-        <ul>
+      <!-- Related Posts -->
+      {{ with site.RegularPages.Related . | first 3 }}
+      <div class="related-posts post-content">
+        <h4>{{ T "relatedContent" }}</h4>
+        <ul class="related-posts-list">
         {{ range . }}
-            <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+            <li class="related-posts-item">
+                <a href="{{ .RelPermalink }}">
+                    {{ .LinkTitle }}
+                    {{ with .Params.subtitle }}
+                        <span class="related-post-subtitle">：{{ . }}</span>
+                    {{ end }}
+                </a>
+                <span class="related-post-reading-time">⏱️ {{ .ReadingTime }}min </span>
+            </li>
         {{ end }}
         </ul>
-    {{ end }}
+      </div>
+      {{ end }}
 
       <script src="/js/tocbot.min.js"></script>
       <script>
-- 
cgit v1.2.3