From 30a48c4e2777dcd41cbbda9f991810eeb3f1e01a 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

Former-commit-id: 8825eab3e3e82e0719f58d013218e2b957a2b1c4
---
 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