移除机器人评论

Author: CatCodeMe

public/images/social-card-1.png

@@ -331,18 +331,53 @@ function getReactionEmoji(reaction: string) {
       .see-more-btn {
         display: inline-block;
         padding: 0.75rem 1.5rem;
-        background-color: var(--bg-secondary-color);
-        color: var(--text-color);
+        background-color: var(--bg-secondary-color); /* Revert background */
+        color: var(--text-color); /* Adjust text color */
         border: 1px solid var(--border-color);
         border-radius: 8px;
         text-decoration: none;
-        transition: all 0.2s;
+        transition: all 0.3s ease; /* Smoother transition */
+        font-size: 1rem;
+        font-weight: 600;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
+        position: relative; /* For pseudo-elements */
+        overflow: hidden; /* Hide overflowing pseudo-elements */
+        z-index: 1;
+      }
+
+      .see-more-btn::before,
+      .see-more-btn::after {
+        content: '';
+        position: absolute;
+        background: var(--accent-color); /* Accent color for border animation */
+        transition: all 0.3s ease;
+        z-index: -1;
+      }
+
+      .see-more-btn::before {
+        top: 0;
+        left: 0;
+        width: 0;
+        height: 2px;
+      }
+
+      .see-more-btn::after {
+        bottom: 0;
+        right: 0;
+        width: 0;
+        height: 2px;
+      }
+
+      .see-more-btn:hover::before,
+      .see-more-btn:hover::after {
+        width: 100%;
       }
 
       .see-more-btn:hover {
-        background-color: var(--accent-color);
-        color: #ffffff;
-        border-color: var(--accent-color);
+        background-color: var(--bg-secondary-color); /* Keep background same on hover */
+        border-color: var(--accent-color); /* Change border color on hover */
+        transform: translateY(-2px); /* Lift effect on hover */
+        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
       }
 
       .quoted-reply {

public/images/social-card.png

@@ -210,6 +210,11 @@ function processReplies(replies, parentId, discussionId, discussionTitle, level
   const processedReplies = []
 
   for (const reply of replies) {
+    // Filter out bot comments
+    if (reply.author && reply.author.login.endsWith('[bot]')) {
+      continue
+    }
+
     const processedReply = {
       id: reply.id,
       url: reply.url,
@@ -228,6 +233,18 @@ function processReplies(replies, parentId, discussionId, discussionTitle, level
     }
 
     processedReplies.push(processedReply)
+
+    // 递归处理子回复
+    if (reply.replies && reply.replies.nodes && reply.replies.nodes.length > 0) {
+      const childReplies = processReplies(
+        reply.replies.nodes,
+        reply.id,
+        discussionId,
+        discussionTitle,
+        level + 1
+      )
+      processedReplies.push(...childReplies)
+    }
   }
 
   return processedReplies
@@ -236,9 +253,12 @@ function processReplies(replies, parentId, discussionId, discussionTitle, level
 async function main() {
   try {
     const discussions = await fetchAllDiscussions()
-    const allComments = []
+    const allComments = discussions.flatMap((discussion) => {
+      // Filter out bot discussions if necessary (though Giscus usually comments, not creates discussions)
+      if (discussion.author && discussion.author.login.endsWith('[bot]')) {
+        return []
+      }
 
-    for (const discussion of discussions) {
       // Map the main discussion post
       const mainComment = {
         id: discussion.id,
@@ -257,25 +277,25 @@ async function main() {
         type: 'discussion'
       }
 
-      allComments.push(mainComment)
-
       // 处理顶级评论
-      const topLevelComments = discussion.comments.nodes.map((comment) => ({
-        id: comment.id,
-        url: comment.url,
-        createdAt: comment.createdAt,
-        author: comment.author,
-        bodyHTML: comment.bodyHTML,
-        reactionGroups: comment.reactionGroups,
-        isDiscussion: false,
-        title: discussion.title,
-        discussionId: discussion.id,
-        parentId: discussion.id, // 顶级评论的父级是 discussion
-        replyToId: comment.replyTo ? comment.replyTo.id : null,
-        replyToAuthor: comment.replyTo ? comment.replyTo.author.login : null,
-        level: 1,
-        type: 'comment'
-      }))
+      const topLevelComments = discussion.comments.nodes
+        .filter(comment => !comment.author || !comment.author.login.endsWith('[bot]')) // Filter out bot comments
+        .map((comment) => ({
+          id: comment.id,
+          url: comment.url,
+          createdAt: comment.createdAt,
+          author: comment.author,
+          bodyHTML: comment.bodyHTML,
+          reactionGroups: comment.reactionGroups,
+          isDiscussion: false,
+          title: discussion.title,
+          discussionId: discussion.id,
+          parentId: discussion.id, // 顶级评论的父级是 discussion
+          replyToId: comment.replyTo ? comment.replyTo.id : null,
+          replyToAuthor: comment.replyTo ? comment.replyTo.author.login : null,
+          level: 1,
+          type: 'comment'
+        }))
 
       allComments.push(...topLevelComments)