hexo-theme-stellar 1.17.2 → 1.18.0

package/source/js/plugins/weibo.js

@@ -0,0 +1,116 @@
+const weibojs = {
+  requestAPI: (url, callback, timeout) => {
+    let retryTimes = 5;
+    function request() {
+      return new Promise((resolve, reject) => {
+        let status = 0; // 0 等待 1 完成 2 超时
+        let timer = setTimeout(() => {
+          if (status === 0) {
+            status = 2;
+            timer = null;
+            reject('请求超时');
+            if (retryTimes == 0) {
+              timeout();
+            }
+          }
+        }, 5000);
+        fetch(url).then(function(response) {
+          if (status !== 2) {
+            clearTimeout(timer);
+            resolve(response);
+            timer = null;
+            status = 1;
+          }
+          if (response.ok) {
+            return response.json();
+          }
+          throw new Error('Network response was not ok.');
+        }).then(function(data) {
+          retryTimes = 0;
+          callback(data);
+        }).catch(function(error) {
+          if (retryTimes > 0) {
+            retryTimes -= 1;
+            setTimeout(() => {
+              request();
+            }, 5000);
+          } else {
+            timeout();
+          }
+        });
+      });
+    }
+    request();
+  },
+  layoutDiv: (cfg) => {
+    const el = $(cfg.el)[0];
+    $(el).append('<div class="loading-wrap"><svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" stroke-opacity=".3" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.3s" values="60;0"/></path><path stroke-dasharray="15" stroke-dashoffset="15" d="M12 3C16.9706 3 21 7.02944 21 12"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="15;0"/><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></g></svg></div>');
+    weibojs.requestAPI(cfg.api, function(data) {
+      $(el).find('.loading-wrap').remove();
+      const arr = data.tweets || [];
+      const limit = el.getAttribute('limit');
+      arr.forEach((item, i) => {
+        if (limit && i >= limit) {
+          return;
+        }
+        var cell = '<div class="timenode" index="' + i + '">';
+        cell += '<div class="header">';
+        cell += '<div class="user-info">';
+        cell += '<img src="' + (data.user.avatar_hd || cfg.avatar) + '" onerror="javascript:this.src=\'' + cfg.avatar + '\';">';
+        cell += '<span>' + data.user.nick_name + '</span>';
+        cell += '</div>';
+        cell += '<p>' + item.created_at + '</p>';
+        cell += '</div>';
+        cell += '<div class="body">';
+        cell += '<a class="body" href="' + item.url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+        cell += item.content;
+        cell += '</a>';
+        // cell += '</div>';
+        // 每条微博的右下角 转发 评论 点赞
+        cell += '<div class="footer">';
+        cell += '<div class="flex left">';
+        cell += '</div>';
+        cell += '<div class="flex right">';
+        cell += '<div class="item reaction repost">';
+        cell += '<a class="item comments last" href="' + item.url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
+        cell += '<span>' + '🔗' + ' ' + item.reposts_count + '</span>';
+        cell += '</a>';
+        cell += '</div>';
+        cell += '<a class="item comments last" href="' + item.url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
+        cell += '<span><svg t="1666270368054" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2528" width="200" height="200"><path d="M952 64H72C32.3 64 0 96.3 0 136v508c0 39.7 32.3 72 72 72h261l128 128c14 14 32.5 21.1 50.9 21.1s36.9-7 50.9-21.1l128-128h261c39.7 0 72-32.3 72-72V136c0.2-39.7-32.1-72-71.8-72zM222 462c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z m290-7.7c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z m290 8c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z" p-id="2529"></path></svg> '
+         + (item.comments_count || 0) + '</span>';
+        cell += '</a>';
+        cell += '<div class="item reaction attitudes">';
+        cell += '<a class="item comments last" href="' + item.url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
+        cell += '<span>' + '👍' + ' ' + item.attitudes_count + '</span>';
+        cell += '</a>';
+        cell += '</div>';
+
+        cell += '</div>';
+        cell += '</div>';
+        // 右下角结束
+        $(el).append(cell);
+      });
+    }, function() {
+      $(el).find('.loading-wrap svg').remove();
+      $(el).find('.loading-wrap').append('<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3L21 20H3L12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="6" stroke-dashoffset="6" d="M12 10V14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="6;0"/></path></g><circle cx="12" cy="17" r="1" fill="currentColor" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="0.8s" dur="0.4s" values="0;1"/></circle></svg>');
+      $(el).find('.loading-wrap').addClass('error');
+    });
+  },
+}
+
+$(function () {
+  const els = document.getElementsByClassName('stellar-weibo-api');
+  for (var i = 0; i < els.length; i++) {
+    const el = els[i];
+    const api = el.getAttribute('api');       // 这个API可以返回微博的json文件
+    if (api == null) {
+      continue;
+    }
+    var cfg = new Object();
+    cfg.el = el;
+    cfg.api = api;
+    cfg.avatar = 'https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/avatar/round/3442075.svg';
+    weibojs.layoutDiv(cfg);
+  }
+});

package/source/css/_plugins/search/local-search.styl

@@ -1,87 +0,0 @@
-.search-wrapper
-  width: 100%
-  >.search-form
-    position: sticky
-    top: 1rem
-  .search-input
-    width: 100%
-    padding: 0.75rem 1rem
-    line-height: 1
-    box-sizing: border-box
-    border-radius: $border-block
-    background-color: var(--card)
-    color: var(--text-p0)
-    box-shadow: $boxshadow-button
-    trans1 box-shadow
-    &:hover
-      box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.16), 0 0 8px 0px rgba(0, 0, 0, 0.08)
-  
-  &.noresult 
-    .search-input
-      &:hover
-        box-shadow: 0 0 2px 0px alpha($c-red, 0.2), 0 0 8px 0px alpha($c-red, 0.2)
-      &:focus
-        box-shadow: 0 0 2px 0px alpha($c-red, 0.5), 0 0 8px 0px alpha($c-red, 0.4)
-
-  .search-no-result
-    display: none
-    margin: 1em auto
-    color: var(--text-p1)
-    text-align: center
-    font-size: $fs-14
-    padding: 2rem
-    background: var(--block)
-    border-radius: $border-block
-
-  #search-result
-    ul.search-result-list
-      padding: 0
-      margin: 0
-      list-style-type: none
-    li
-      margin: 1em auto
-      &:hover
-        .search-result-title
-          color: $color-hover
-    .search-result-title
-      color: var(--text-p1)
-      font-weight: 700
-      line-height: 1.2
-
-    .search-result-content
-      overflow: hidden
-      color: var(--text-p3)
-      margin: .4em auto
-      max-height: 13em
-      text-align: justify
-      font-size: $fs-12
-      line-height: 1.2
-      display: -webkit-box
-      -webkit-box-orient: vertical
-      overflow: hidden
-      -webkit-line-clamp: 3
-
-    .search-keyword
-      border-bottom: 1px dashed $color-hover
-      color: $color-hover
-      font-weight: bold
-
-
-
-.search-wrapper.noresult
-  .search-no-result
-    display: block
-
-.widget-wrapper
-  .search-form
-    top: 0
-    background: var(--site-bg)
-  .search-input
-    margin-top: 1rem
-    margin-bottom: -1rem
-  #search-result,.search-no-result
-    margin-top: 2rem
-
-.widget-wrapper:not(:first-child)
-  .search-wrapper
-    margin-top: -1rem