From f116d9feb2556fc66dfcf2766cfe5eddfbecd7a0 Mon Sep 17 00:00:00 2001
From: Han <1655466387@qq.com>
Date: Mon, 3 Mar 2025 17:16:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AF=84=E8=AE=BA=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=20=E2=9C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/scripts/Comment.ts             | 15 +++++++++++++--
 src/scripts/vhLazyImg.ts           |  1 -
 src/styles/Article.less            |  8 ++++----
 src/styles/components/Comment.less |  8 ++++++++
 4 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/scripts/Comment.ts b/src/scripts/Comment.ts
index d7d5c93..43133a5 100644
--- a/src/scripts/Comment.ts
+++ b/src/scripts/Comment.ts
@@ -1,11 +1,22 @@
-import { LoadScript } from "../utils/index";
 import SITE_INFO from "../config";
+// 图片灯箱
+import "../../public/assets/js/view-image.min.js";
+declare const ViewImage: any;
+import { LoadScript } from "../utils/index";
 declare const twikoo: any;
+
+// 处理评论区数据
+const formateComment = () => {
+  // 图片灯箱
+  ViewImage && ViewImage.init(".vh-comment img:not(.tk-avatar-img)");
+  // 处理 URL
+  document.querySelectorAll('.vh-comment a[href="#"]').forEach(link => link.removeAttribute('href'));
+}
 // 初始化评论插件
 export default async () => {
   const commentDOM = '.vh-comment>section'
   if (!document.querySelector(commentDOM) || !SITE_INFO.Twikoo.envId) return;
   document.querySelector(commentDOM)!.innerHTML = '<section></section>'
   await LoadScript("https://registry.npmmirror.com/twikoo/1.6.41/files/dist/twikoo.all.min.js");
-  twikoo.init({ envId: SITE_INFO.Twikoo.envId, el: commentDOM })
+  twikoo.init({ envId: SITE_INFO.Twikoo.envId, el: commentDOM, onCommentLoaded: () => setTimeout(formateComment) })
 }
\ No newline at end of file
diff --git a/src/scripts/vhLazyImg.ts b/src/scripts/vhLazyImg.ts
index 0695897..b110d66 100644
--- a/src/scripts/vhLazyImg.ts
+++ b/src/scripts/vhLazyImg.ts
@@ -1,4 +1,3 @@
-
 // 图片懒加载
 import LazyLoad from "vanilla-lazyload";
 
diff --git a/src/styles/Article.less b/src/styles/Article.less
index b4fee3c..c4afd0b 100644
--- a/src/styles/Article.less
+++ b/src/styles/Article.less
@@ -180,8 +180,8 @@ section.vh-container {
     // p标签样式
     // ul标签样式
     p,
-    ul:not(.vh-vhMusic ul),
-    ol:not(.vh-vhMusic ol) {
+    ul:not(.vh-vhMusic ul, .vh-comment ul),
+    ol:not(.vh-vhMusic ol, .vh-comment ol) {
       margin: 0;
       padding: 0.618rem 0;
       font-size: 0.9375rem;
@@ -211,8 +211,8 @@ section.vh-container {
       }
     }
 
-    ul:not(.vh-vhMusic ul),
-    ol:not(.vh-vhMusic ol) {
+    ul:not(.vh-vhMusic ul, .vh-comment ul),
+    ol:not(.vh-vhMusic ol, .vh-comment ol) {
       box-sizing: border-box;
       padding-left: 1.25rem;
       display: flex;
diff --git a/src/styles/components/Comment.less b/src/styles/components/Comment.less
index 8106e2c..df96a58 100644
--- a/src/styles/components/Comment.less
+++ b/src/styles/components/Comment.less
@@ -12,6 +12,14 @@
   .twikoo {
     font-size: 0.88rem;
 
+    img:not(.tk-avatar-img) {
+      cursor: pointer;
+    }
+
+    a {
+      cursor: pointer;
+    }
+
     &:not(.tk-admin-container) {
 
       // p标签样式