From c394a89157b00496257c8d4117466c29b5b3089a Mon Sep 17 00:00:00 2001
From: liuzhihang <liuzhihangs@qq.com>
Date: Sun, 16 Oct 2022 19:26:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=98=85=E8=AF=BB=E6=AC=A1?=
 =?UTF-8?q?=E6=95=B0=EF=BC=8C=E7=95=99=E8=A8=80=E6=AC=A1=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/assets/zhheo/blogex.js     | 13 +------
 templates/assets/zhheo/zhheoblog.css |  4 +--
 templates/modules/head.html          |  2 +-
 templates/post.html                  | 54 ++++++++++++++++------------
 4 files changed, 36 insertions(+), 37 deletions(-)

diff --git a/templates/assets/zhheo/blogex.js b/templates/assets/zhheo/blogex.js
index d5c9cdac..4b96d2bc 100644
--- a/templates/assets/zhheo/blogex.js
+++ b/templates/assets/zhheo/blogex.js
@@ -123,13 +123,6 @@ function navTitle() {
     document.getElementById("page-name-text").innerHTML = e
 }
 
-function showcopy() {
-    var e;
-    void 0 !== GLOBAL_CONFIG.Snackbar ? btf.snackbarShow(GLOBAL_CONFIG.copy.success) : ((e = ctx.previousElementSibling).innerText = GLOBAL_CONFIG.copy.success, e.style.opacity = 1, setTimeout(function () {
-        e.style.opacity = 0
-    }, 700))
-}
-
 checkOpen.toString = function () {
     this.opened = !0
 }, window.onload = function () {
@@ -176,11 +169,7 @@ function travelling() {
         var t = e.name, o = e.link,
             n = "点击前往按钮进入随机一个友链，不保证跳转网站的安全性和可用性。本次随机到的是本站友链：「" + t + "」";
         document.styleSheets[0].addRule(":root", "--heo-snackbar-time:8000ms!important"), Snackbar.show({
-            text: n,
-            duration: 1e4,
-            pos: "top-center",
-            actionText: "前往",
-            onActionClick: function (e) {
+            text: n, duration: 1e4, pos: "top-center", actionText: "前往", onActionClick: function (e) {
                 $(e).css("opacity", 0), window.open(o, "_blank")
             }
         })
diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css
index 505a915a..22810ae2 100644
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@@ -10060,7 +10060,7 @@ span.post-meta-position {
     margin: 0 .4rem
 }
 
-.post-meta-pv-cv #busuanzi_value_page_pv {
+.post-meta-pv-cv #visit {
     font-weight: 800
 }
 
@@ -10103,7 +10103,7 @@ span.post-meta-position {
     opacity: .6
 }
 
-#twikoo-count {
+#comment-count {
     font-weight: 800;
     color: var(--heo-white)
 }
diff --git a/templates/modules/head.html b/templates/modules/head.html
index c1c4a317..a1553dc8 100644
--- a/templates/modules/head.html
+++ b/templates/modules/head.html
@@ -179,7 +179,7 @@
     <!-- 不知道是否可替代 -->
     <link rel="stylesheet" th:href="@{/assets/zhheo/commentBarrage.css}">
 
-    <!-- todo 动态加载条，换成可配置 -->
+    <!-- 动态加载条 -->
     <script data-pace-options='{ "restartOnRequestAfter":false,"eventLag":false}'
             src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/pace/1.2.4/pace.min.js"
             th:if="${theme.config.other.load_progress_bar}">
diff --git a/templates/post.html b/templates/post.html
index e82836c2..80618027 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -36,29 +36,39 @@
                 <h1 class="post-title" th:text="${post.spec.title}"></h1>
                 <div id="post-meta">
                     <div class="meta-secondline">
-                    <span class="post-meta-wordcount">
-                    <i class="fas fa-file-word fa-fw post-meta-icon" title="字数"></i>
-                    <span class="post-meta-label">字数:</span><span class="word-count">xxx</span>
-                    <span class="post-meta-separator"></span>
-                    <i class="fas fa-clock post-meta-icon" title="阅读耗时"></i>
-                    <span class="post-meta-label">阅读耗时:</span><span>xxx 分钟</span></span>
+
+                        <span class="post-meta-wordcount"
+                              th:with="wordCount = ${#strings.length(post.content.content)}">
+                            <i class="fas fa-file-word fa-fw post-meta-icon" title="字数"></i>
+                            <span class="post-meta-label">字数:</span>
+                            <span class="word-count" th:text="${{wordCount}}"></span>
+                            <span class="post-meta-separator"></span>
+                            <i class="fas fa-clock post-meta-icon" title="阅读耗时"></i>
+                            <span class="post-meta-label">阅读耗时:</span><span>[[${wordCount / 400}]] 分钟</span>
+                        </span>
                         <span class="post-meta-date"><i class="fa-fw post-meta-icon fas fa-calendar"></i>
-                        <time th:attr="datetime=${#dates.format(post.spec.publishTime, 'yyyy-MM-dd HH:mm:ss')}"
-                              th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd HH:mm:ss')}"
-                              th:title="${#dates.format(post.spec.publishTime,'yyyy-MM-dd HH:mm:ss')}">
-                        </time>
-                    </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="fab fa-hotjar fa-fw post-meta-icon"></i>
-                        <span class="post-meta-label">热度:</span>
-                        <span id="busuanzi_value_page_pv"><div class="fa fa-spinner fa-spin"></div></span></span>
-                        <span class="post-meta-commentcount" title="评论数"><i class="fa-solid fa-message"></i>
-                        <span class="post-meta-label">评论:</span><a href="#post-comment">
-                            <span id="twikoo-count"><i class="fa fa-spinner fa-spin"></i></span></a></span>
+                            <time th:attr="datetime=${#dates.format(post.spec.publishTime, 'yyyy-MM-dd HH:mm:ss')}"
+                                  th:text="${#dates.format(post.spec.publishTime,'yyyy-MM-dd HH:mm:ss')}"
+                                  th:title="${#dates.format(post.spec.publishTime,'yyyy-MM-dd HH:mm:ss')}">
+                            </time>
+                        </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="fab fa-hotjar fa-fw post-meta-icon"></i>
+                            <span class="post-meta-label">热度:</span>
+                            <span id="visit" th:text="${post.stats.visit}"></span>
+                        </span>
+                        <span class="post-meta-commentcount" title="评论数"><i class="fa-solid fa-message">
+
+                            </i>
+                            <span class="post-meta-label">评论:</span>
+                            <a href="#post-comment">
+                                <span id="comment-count" th:text="${post.stats.comment}"></span>
+                            </a>
+                            </span>
                     </div>
                 </div>
             </div>