From 049a3fbce0db0aa86f728c99c2805efbec29a38b Mon Sep 17 00:00:00 2001
From: liuzhihang <liuzhihangs@qq.com>
Date: Sat, 5 Nov 2022 13:37:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E7=AB=A0=E5=AD=97=E6=95=B0=E5=92=8C?=
 =?UTF-8?q?=E9=98=85=E8=AF=BB=E6=97=B6=E9=97=B4=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/assets/zhheo/zhheoblog.css | 13 +++++++------
 templates/post.html                  | 20 +++++++++++---------
 2 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css
index ec5a7f2b..b61daa3d 100644
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@@ -2862,9 +2862,9 @@ blockquote footer cite::before {
 }
 
 @media screen and (min-width: 768px) {
-    #post-info #post-meta > .meta-secondline > span:first-child {
-        display: none;
-    }
+    /*#post-info #post-meta > .meta-secondline > span:first-child {*/
+    /*    display: none;*/
+    /*}*/
 }
 
 @media screen and (max-width: 768px) {
@@ -10558,9 +10558,9 @@ a.extend.prev {
     }
 }
 
-#post-info #post-meta > .meta-secondline > span:first-child {
-    margin-right: 0.8rem;
-}
+/*#post-info #post-meta > .meta-secondline > span:first-child {*/
+/*    margin-right: 0.8rem;*/
+/*}*/
 
 .meta-secondline span {
     display: flex;
@@ -10811,6 +10811,7 @@ span.post-meta-position {
 /* 文章信息透明度 */
 .post-meta-wordcount {
     opacity: 0.6;
+    margin-right: 0.8rem;
 }
 
 @media screen and (max-width: 768px) {
diff --git a/templates/post.html b/templates/post.html
index e1c02236..a2ea78eb 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -41,6 +41,13 @@
                 <h1 class="post-title" th:text="${post.spec.title}"></h1>
                 <div id="post-meta">
                     <div class="meta-secondline">
+                        <span class="post-meta-date">
+                            <i class="iconfont icon-calendar-alt post-meta-icon"></i>
+                            <time th:attr="datetime=${#dates.format(post.spec.publishTime, 'yyyy-MM-dd')}"
+                                  th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}"
+                                  th:title="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}">
+                            </time>
+                        </span>
 
                         <span class="post-meta-wordcount"
                               th:with="wordCount = ${#strings.length(post.content.content)}">
@@ -49,18 +56,12 @@
                             <span class="word-count" th:text="${{wordCount}}"></span>
                             <span class="post-meta-separator"></span>
                             <i class="iconfont icon-clock post-meta-icon" title="阅读耗时"></i>
-                            <span class="post-meta-label">阅读耗时:</span><span>[[${wordCount / 400}]] 分钟</span>
-                        </span>
-                        <span class="post-meta-date"><i class="iconfont icon-calendar-alt post-meta-icon"></i>
-                            <time th:attr="datetime=${#dates.format(post.spec.publishTime, 'yyyy-MM-dd')}"
-                                  th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}"
-                                  th:title="${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}">
-                            </time>
+                            <span class="post-meta-label">阅读耗时:</span>
+                            <span>[[${wordCount / 400}]] 分钟</span>
                         </span>
+
                         <!--<span class="post-meta-wechat" title="该文章已在公众号中更新"><i-->
                         <!--        class="fab fa-weixin post-meta-icon"></i>公众号同步</span>-->
-                        <!--<span class="post-meta-position" title="作者IP属地为北京"><i-->
-                        <!--        class="fas fa-location-dot post-meta-icon"></i>北京</span>-->
                         <span class="post-meta-pv" data-flag-title="热度">
                             <i class="iconfont icon-hotjar post-meta-icon"></i>
                             <span class="post-meta-label">热度:</span>
@@ -72,6 +73,7 @@
                             <a href="#post-comment"><span id="comment-count" th:text="${post.stats.comment}"></span></a>
                         </span>
                     </div>
+
                 </div>
             </div>
         </header>