From d0555f5a6747297dbb591caaad57b130ecb2bce9 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Thu, 19 Jun 2025 14:03:07 +0800
Subject: =?UTF-8?q?feat(like-button):=20=E5=B0=86=E7=82=B9=E8=B5=9E?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=9A=84=E6=A0=B7=E5=BC=8F=E5=92=8C=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=E6=8F=90=E5=8F=96=E5=88=B0=E7=8B=AC=E7=AB=8B=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

提取CSS和JavaScript到单独文件以提高可维护性
使用Hugo资源管道进行最小化处理
保留原有功能并优化代码结构


Former-commit-id: e276f3a456980c64a80eb5cc29567703f4268fb7
---
 assets/js/like-button.js | 109 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 109 insertions(+)
 create mode 100644 assets/js/like-button.js

(limited to 'assets/js')

diff --git a/assets/js/like-button.js b/assets/js/like-button.js
new file mode 100644
index 00000000..e03e5447
--- /dev/null
+++ b/assets/js/like-button.js
@@ -0,0 +1,109 @@
+(function() {
+  // 获取页面ID（需要在HTML中设置）
+  const pageId = window.likeButtonPageId;
+  if (!pageId) {
+    console.error('Like button: pageId not found');
+    return;
+  }
+  
+  const countEl = document.getElementById("like-count-" + pageId);
+  const btnEl = document.getElementById("like-btn-" + pageId);
+  const containerEl = document.getElementById("like-container-" + pageId);
+  
+  if (!countEl || !btnEl || !containerEl) {
+    console.error('Like button: required elements not found');
+    return;
+  }
+  
+  let isNearComments = false;
+  
+  function checkScrollPosition() {
+    const commentsSection = document.querySelector('.post-comments');
+    if (!commentsSection) return;
+    
+    const rect = commentsSection.getBoundingClientRect();
+    const windowHeight = window.innerHeight;
+    
+    // 当评论区进入视窗下半部分时触发
+    const shouldHighlight = rect.top < windowHeight * 0.8;
+    
+    if (shouldHighlight !== isNearComments) {
+      isNearComments = shouldHighlight;
+      // 如果已经点赞，不添加 near-comments 类（避免晃动）
+      if (containerEl.classList.contains('liked')) {
+        return;
+      }
+      
+      if (isNearComments) {
+        containerEl.classList.add('near-comments');
+      } else {
+        containerEl.classList.remove('near-comments');
+      }
+    }
+  }
+  
+  function updateTooltip() {
+    if (containerEl.classList.contains('liked')) {
+      btnEl.setAttribute('title', btnEl.getAttribute('data-liked-title'));
+    } else {
+      btnEl.setAttribute('title', '为这篇文章献上心脏');
+    }
+  }
+  
+  function fetchLikes() {
+    fetch("https://like.guhub.cn/like/" + pageId)
+      .then(resp => resp.json())
+      .then(data => {
+        countEl.innerText = data.likes ?? 0;
+        if (localStorage.getItem("liked_" + pageId)) {
+          btnEl.disabled = true;
+          containerEl.classList.add("liked");
+          // 移除可能存在的 near-comments 类
+          containerEl.classList.remove('near-comments');
+          updateTooltip();
+        }
+      })
+      .catch(() => {
+        countEl.innerText = "❌";
+      });
+  }
+  
+  window.sendLike = function(pageId) {
+    if (localStorage.getItem("liked_" + pageId)) return;
+
+    if (window.location.hostname !== 'localhost') {
+      if (typeof umami !== 'undefined') {
+        umami.track('👍 Hit Like Button');
+      }
+    }
+    
+    // 添加点击效果
+    btnEl.classList.add("clicked");
+    setTimeout(() => {
+      btnEl.classList.remove("clicked");
+    }, 300);
+    
+    fetch("https://like.guhub.cn/like/" + pageId, { method: "POST" })
+      .then(resp => resp.json())
+      .then(data => {
+        localStorage.setItem("liked_" + pageId, "1");
+        countEl.innerText = data.likes ?? 1;
+        btnEl.disabled = true;
+        containerEl.classList.add("liked");
+        // 移除 near-comments 类，停止晃动
+        containerEl.classList.remove('near-comments');
+        updateTooltip();
+      })
+      .catch(() => {
+        alert("点赞失败，请稍后再试");
+      });
+  };
+  
+  // 监听滚动事件
+  window.addEventListener('scroll', checkScrollPosition);
+  window.addEventListener('resize', checkScrollPosition);
+  
+  // 初始化
+  fetchLikes();
+  checkScrollPosition();
+})();
\ No newline at end of file
-- 
cgit v1.2.3