hexo-theme-stellar 1.32.4 → 1.33.0

package/source/css/_plugins/lazyload.styl

@@ -1,6 +1,9 @@
 $lazyTransitionType = hexo-config('plugins.lazyload.transition')
 $loadingImageSize = 2rem
 
+img:not([src])
+  visibility: hidden
+
 .lazy-box
   position: relative
   overflow: hidden

package/source/js/main.js

@@ -229,20 +229,27 @@ const init = {
       document.body.appendChild(notice);
     }
     if (!canonical.originalHost) return;
+    const currentURL = new URL(window.location.href);
+    const currentHost = currentURL.hostname.replace(/^www\./, '');
+    if (currentHost == 'localhost') return;
+    const encodedCurrentHost = window.btoa(currentHost);
+    const isCurrentHostValid = canonical.encoded === encodedCurrentHost;
     const canonicalTag = document.querySelector('link[rel="canonical"]');
     if (!canonicalTag) {
+      if (isCurrentHostValid) {
+        return;
+      }
+      if (canonical.officialHosts?.includes(currentHost)) {
+        showTip(true);
+        return;
+      }
       showTip(false);
       return;
     }
     const canonicalURL = new URL(canonicalTag.href);
-    const currentURL = new URL(window.location.href);
     const canonicalHost = canonicalURL.hostname.replace(/^www\./, '');
-    const currentHost = currentURL.hostname.replace(/^www\./, '');
-    if (currentHost == 'localhost') return;
     const encodedCanonicalHost = window.btoa(canonicalHost);
-    const encodedCurrentHost = window.btoa(currentHost);
     const isCanonicalHostValid = canonical.encoded === encodedCanonicalHost;
-    const isCurrentHostValid = canonical.encoded === encodedCurrentHost;
     if (isCanonicalHostValid && isCurrentHostValid) {
       return;
     }

package/source/js/search/local-search.js

@@ -48,7 +48,9 @@ var searchFunc = function(path, filter, wrapperId, searchId, contentId) {
         var dataContent = data.content;
         var dataContentLowerCase = dataContent.toLowerCase();
         var dataUrl = data.path.startsWith('//') ? data.path.slice(1) : data.path;
-
+        dataUrl = dataUrl.replace(/\/?index\.html$/, '/'); // index.html → /
+        dataUrl = dataUrl.replace(/\.html$/, '/'); // xxx.html → xxx/
+        
         var indexTitle = -1;
         var indexContent = -1;
         var firstOccur = -1;

package/source/js/services/artalk_latest_comment.js

@@ -5,7 +5,7 @@ utils.jq(() => {
         const el = els[i];
         const limit = parseInt(el.getAttribute('limit')) || 10;
   
-        const api = el.getAttribute('api') + '&limit=' + limit;
+        const api = el.dataset.api + '&limit=' + limit;
         if (api == null) {
           continue;
         }

package/source/js/services/contributors.js

@@ -29,7 +29,7 @@ utils.jq(() => {
     const els = document.getElementsByClassName('ds-contributors');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
-      const api = el.getAttribute('api');
+      const api = el.dataset.api;
       if (api == null) {
         continue;
       }

package/source/js/services/fcircle.js

@@ -3,7 +3,7 @@ utils.jq(() => {
     const els = document.getElementsByClassName('ds-fcircle');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
-      const api = el.getAttribute('api');
+      const api = el.dataset.api;
       if (api == null) {
         continue;
       }

package/source/js/services/friends.js

@@ -3,7 +3,7 @@ utils.jq(() => {
     const els = document.getElementsByClassName('ds-friends');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
-      const api = el.getAttribute('api');
+      const api = el.dataset.api;
       if (api == null) {
         continue;
       }

package/source/js/services/friends_and_posts.js

@@ -3,7 +3,7 @@ utils.jq(() => {
     const els = document.getElementsByClassName('ds-friends_and_posts');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
-      const api = el.getAttribute('api');
+      const api = el.dataset.api;
       if (api == null) {
         continue;
       }

package/source/js/services/ghinfo.js

@@ -3,7 +3,7 @@ utils.jq(() => {
     const els = document.getElementsByClassName('ds-ghinfo');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
-      const api = el.getAttribute('api');
+      const api = el.dataset.api;
       if (api == null) {
         continue;
       }

package/source/js/services/giscus_latest_comment.js

@@ -3,7 +3,7 @@ utils.jq(() => {
       const els = document.getElementsByClassName('ds-giscus');
       for (var i = 0; i < els.length; i++) {
         const el = els[i];
-        const api = el.getAttribute('api');
+        const api = el.dataset.api;
         if (api == null) {
           continue;
         }

package/source/js/services/memos.js

@@ -2,7 +2,7 @@ utils.jq(() => {
   const els = Array.from(document.getElementsByClassName('ds-memos'));
 
   els.forEach(el => {
-    const api = el.getAttribute('api');
+    const api = el.dataset.api;
     if (!api) return;
 
     const default_avatar = el.getAttribute('avatar') || def.avatar;

package/source/js/services/rating.js

@@ -0,0 +1,142 @@
+function getRatingKey(id) {
+  return `rating-${id}`;
+}
+
+function hasRated(id) {
+  return !!localStorage.getItem(getRatingKey(id));
+}
+
+function getRatedValue(id) {
+  return parseInt(localStorage.getItem(getRatingKey(id)) || '0');
+}
+
+function storeRating(id, value) {
+  localStorage.setItem(getRatingKey(id), value);
+}
+
+function clearHover(el) {
+  el.querySelectorAll('.star').forEach(s => s.classList.remove('hover'));
+}
+
+function updatePreview(el, avg) {
+  const rounded = Math.floor(avg);
+  el.querySelectorAll('.star').forEach(s => {
+    const v = parseInt(s.dataset.value);
+    s.classList.toggle('preview', v <= rounded);
+  });
+}
+
+function setupHoverEffect(el) {
+  const stars = el.querySelectorAll('.star');
+  if (!stars.length) return;
+
+  stars.forEach(star => {
+    const value = parseInt(star.dataset.value);
+
+    star.addEventListener('mouseenter', () => {
+      stars.forEach(s => {
+        s.classList.remove('preview');
+        const v = parseInt(s.dataset.value);
+        s.classList.toggle('hover', v <= value);
+      });
+    });
+
+    star.addEventListener('mouseleave', () => {
+      clearHover(el);
+      // 恢复平均分预览
+      const avg = parseFloat(el.querySelector('.avg')?.textContent.replace(/[()]/g, '') || '0');
+      updatePreview(el, avg);
+    });
+  });
+}
+
+function calculateAverage(rating = {}) {
+  const validScores = Object.entries(rating).filter(([k]) => !isNaN(Number(k)));
+  const total = validScores.reduce((sum, [k, c]) => sum + Number(k) * c, 0);
+  const votes = validScores.reduce((sum, [, c]) => sum + c, 0);
+  return votes > 0 ? (total / votes).toFixed(1) : '0.0';
+}
+
+async function loadRating(el) {
+  const id = el.dataset.id;
+  const api = el.dataset.api;
+  if (!id || !api) return;
+
+  try {
+    const res = await fetch(`${api}/info?id=${encodeURIComponent(id)}`);
+    const data = await res.json();
+    const rating = data.rating || {};
+    const avg = calculateAverage(rating);
+
+    // 计算评分人数
+    const validScores = Object.entries(rating).filter(([k]) => !isNaN(Number(k)));
+    const totalVotes = validScores.reduce((sum, [, c]) => sum + c, 0);
+
+    // 设置平均分
+    let avgEl = el.querySelector('.avg');
+    if (!avgEl) {
+      avgEl = document.createElement('span');
+      avgEl.className = 'avg';
+      el.appendChild(avgEl);
+    }
+    avgEl.textContent = `(${avg})`;
+
+    // 设置评分人数
+    let countEl = el.querySelector('.count');
+    if (!countEl) {
+      countEl = document.createElement('span');
+      countEl.className = 'count';
+      el.appendChild(countEl);
+    }
+    countEl.textContent = `${totalVotes}`;
+
+    updatePreview(el, avg);
+  } catch (e) {
+    console.warn(`[rating] 加载失败: id=${id}`, e);
+  }
+}
+
+async function submitRating(el, value) {
+  const id = el.dataset.id;
+  const api = el.dataset.api;
+  if (!id || !api || hasRated(id)) return;
+
+  storeRating(id, value);
+  el.classList.add('rated');
+
+  try {
+    await fetch(`${api}/update?id=${encodeURIComponent(id)}&value=${value}`, {
+      method: 'POST'
+    });
+    loadRating(el);
+  } catch (e) {
+    console.warn(`[rating] 提交失败: id=${id}`, e);
+  }
+}
+
+function initRatings() {
+  document.querySelectorAll('.ds-rating').forEach(el => {
+    const { id, api } = el.dataset;
+    if (!id || !api) return;
+
+    loadRating(el);
+    setupHoverEffect(el);
+
+    if (hasRated(id)) {
+      el.classList.add('rated');
+    }
+
+    el.querySelectorAll('.star').forEach(star => {
+      const value = star.dataset.value;
+      star.addEventListener('click', () => {
+        if (!hasRated(id)) submitRating(el, value);
+      });
+    });
+  });
+}
+
+if (document.readyState === 'loading') {
+  window.addEventListener('DOMContentLoaded', initRatings);
+} else {
+  initRatings();
+}

package/source/js/services/siteinfo.js

@@ -6,7 +6,7 @@ function setCardLink(nodes) {
     // If it is not a tag element then it is not processed
     if (el.nodeType !== 1) return;
     el.removeAttribute('cardlink');
-    const api = el.getAttribute('api');
+    const api = el.dataset.api;
     if (api == null) return;
     fetch(api).then(function(response) {
       if (response.ok) {

package/source/js/services/sites.js

@@ -3,7 +3,7 @@ utils.jq(() => {
     const els = document.getElementsByClassName('ds-sites');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
-      const api = el.getAttribute('api');
+      const api = el.dataset.api;
       if (api == null) {
         continue;
       }

package/source/js/services/timeline.js

@@ -13,7 +13,7 @@ utils.jq(() => {
     const timelines = document.getElementsByClassName('ds-timeline');
     for (var i = 0; i < timelines.length; i++) {
       const el = timelines[i];
-      const api = el.getAttribute('api');
+      const api = el.dataset.api;
       if (api == null) {
         continue;
       }

package/source/js/services/twikoo_latest_comment.js

@@ -3,7 +3,7 @@ utils.jq(() => {
       const el = document.querySelector('.ds-twikoo');
       utils.onLoading(el); // 加载动画
   
-      const api = el.getAttribute('api');
+      const api = el.dataset.api;
       const limit = parseInt(el.getAttribute('limit')) || 10;
       const reply = el.getAttribute('hide') !== 'reply';
       if (!api) return;

package/source/js/services/vote.js

@@ -0,0 +1,113 @@
+function getVoteKey(id) {
+  return `vote-${id}`;
+}
+
+function hasVoted(id) {
+  return !!localStorage.getItem(getVoteKey(id));
+}
+
+function getVotedValue(id) {
+  return localStorage.getItem(getVoteKey(id)); // 'up' 或 'down'
+}
+
+function storeVote(id, value) {
+  localStorage.setItem(getVoteKey(id), value);
+}
+
+function removeVote(id) {
+  localStorage.removeItem(getVoteKey(id));
+}
+
+function markVoted(el, value) {
+  el.classList.add('voted');
+  if (value === 'up') {
+    el.querySelector('.vote-up')?.classList.add('active');
+  } else if (value === 'down') {
+    el.querySelector('.vote-down')?.classList.add('active');
+  }
+}
+
+function revertVote(el, value) {
+  const id = el.dataset.id;
+
+  // 回退数值
+  if (value === 'up') {
+    const upEl = el.querySelector('.up');
+    if (upEl) upEl.textContent = Math.max(0, parseInt(upEl.textContent || '1') - 1);
+  } else if (value === 'down') {
+    const downEl = el.querySelector('.down');
+    if (downEl) downEl.textContent = Math.max(0, parseInt(downEl.textContent || '1') - 1);
+  }
+
+  // 回退样式和状态
+  el.classList.remove('voted', 'active');
+  el.querySelector('.vote-up')?.classList.remove('active');
+  el.querySelector('.vote-down')?.classList.remove('active');
+  removeVote(id);
+}
+
+async function loadVote(el) {
+  const id = el.dataset.id;
+  const api = el.dataset.api;
+  if (!id || !api) return;
+
+  try {
+    const res = await fetch(`${api}/info?id=${encodeURIComponent(id)}`);
+    const data = await res.json();
+
+    el.querySelector('.up').textContent = data.votes?.up ?? 0;
+    el.querySelector('.down').textContent = data.votes?.down ?? 0;
+  } catch (e) {
+    console.warn(`[vote] 加载失败: id=${id}`, e);
+  }
+}
+
+function submitVote(el, value) {
+  const id = el.dataset.id;
+  const api = el.dataset.api;
+  if (!id || !api || hasVoted(id)) return;
+
+  const upEl = el.querySelector('.up');
+  const downEl = el.querySelector('.down');
+
+  // 乐观更新
+  if (value === 'up' && upEl) upEl.textContent = parseInt(upEl.textContent || '0') + 1;
+  if (value === 'down' && downEl) downEl.textContent = parseInt(downEl.textContent || '0') + 1;
+
+  storeVote(id, value);
+  markVoted(el, value);
+
+  // 后台同步
+  fetch(`${api}/update?id=${encodeURIComponent(id)}&value=${encodeURIComponent(value)}`, {
+    method: 'POST'
+  }).catch(e => {
+    console.warn(`[vote] 后台同步失败，撤销投票: id=${id}`, e);
+    revertVote(el, value);
+  });
+}
+
+function initVotes() {
+  document.querySelectorAll('.ds-vote').forEach(el => {
+    const { id, api } = el.dataset;
+    if (!id || !api) return;
+
+    loadVote(el);
+
+    const votedValue = getVotedValue(id);
+    if (votedValue) markVoted(el, votedValue);
+
+    el.querySelector('.vote-up')?.addEventListener('click', () => {
+      if (!el.classList.contains('active')) submitVote(el, 'up');
+    });
+
+    el.querySelector('.vote-down')?.addEventListener('click', () => {
+      if (!el.classList.contains('active')) submitVote(el, 'down');
+    });
+  });
+}
+
+if (document.readyState === 'loading') {
+  window.addEventListener('DOMContentLoaded', initVotes);
+} else {
+  initVotes();
+}

package/source/js/services/waline_latest_comment.js

@@ -4,7 +4,7 @@ utils.jq(() => {
       for (var i = 0; i < els.length; i++) {
         const el = els[i];
         const limit = parseInt(el.getAttribute('limit')) || 10;
-        const apiBase = el.getAttribute('api');
+        const apiBase = el.dataset.api;
         if (apiBase == null) {
           continue;
         }

package/source/js/services/weibo.js

@@ -3,7 +3,7 @@ utils.jq(() => {
     const els = document.getElementsByClassName('ds-weibo');
     for (var i = 0; i < els.length; i++) {
       const el = els[i];
-      const api = el.getAttribute('api');
+      const api = el.dataset.api;
       if (api == null) {
         continue;
       }