hexo-theme-stellar 1.16.2 → 1.17.1

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

@@ -0,0 +1,153 @@
+// A local search script with the help of
+// [hexo-generator-search](https://github.com/PaicHyperionDev/hexo-generator-search)
+// Copyright (C) 2015
+// Joseph Pan <http://github.com/wzpan>
+// Shuhao Mao <http://github.com/maoshuhao>
+// This library is free software; you can redistribute it and/or modify
+// it under the terms of the GNU Lesser General Public License as
+// published by the Free Software Foundation; either version 2.1 of the
+// License, or (at your option) any later version.
+//
+// This library is distributed in the hope that it will be useful, but
+// WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+// Lesser General Public License for more details.
+//
+// You should have received a copy of the GNU Lesser General Public
+// License along with this library; if not, write to the Free Software
+// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
+// 02110-1301 USA
+//
+// Modified by:
+// Pieter Robberechts <http://github.com/probberechts>
+
+/*exported searchFunc*/
+var searchFunc = function(path, filter, searchId, contentId) {
+
+  function stripHtml(html) {
+    html = html.replace(/<style([\s\S]*?)<\/style>/gi, "");
+    html = html.replace(/<script([\s\S]*?)<\/script>/gi, "");
+    html = html.replace(/<figure([\s\S]*?)<\/figure>/gi, "");
+    html = html.replace(/<\/div>/ig, "\n");
+    html = html.replace(/<\/li>/ig, "\n");
+    html = html.replace(/<li>/ig, "  *  ");
+    html = html.replace(/<\/ul>/ig, "\n");
+    html = html.replace(/<\/p>/ig, "\n");
+    html = html.replace(/<br\s*[\/]?>/gi, "\n");
+    html = html.replace(/<[^>]+>/ig, "");
+    return html;
+  }
+
+  function getAllCombinations(keywords) {
+    var i, j, result = [];
+
+    for (i = 0; i < keywords.length; i++) {
+        for (j = i + 1; j < keywords.length + 1; j++) {
+            result.push(keywords.slice(i, j).join(" "));
+        }
+    }
+    return result;
+  }
+
+  $.ajax({
+    url: path,
+    dataType: "json",
+    success: function(jsonResponse) {
+      var datas = jsonResponse;
+      var $input = document.getElementById(searchId);
+      if (!$input) { return; }
+      var $resultContent = document.getElementById(contentId);
+
+      $input.addEventListener("input", function(){
+        var resultList = [];
+        var keywords = getAllCombinations(this.value.trim().toLowerCase().split(" "))
+          .sort(function(a,b) { return b.split(" ").length - a.split(" ").length; });
+        $resultContent.innerHTML = "";
+        if (this.value.trim().length <= 0) {
+          return;
+        }
+        // perform local searching
+        datas.forEach(function(data) {
+          var matches = 0;
+          if (!data.title || data.title.trim() === "") {
+            return;
+          }
+          if (filter && !data.url.includes(filter)) {
+            return;
+          }
+          var dataTitle = data.title.trim().toLowerCase();
+          var dataTitleLowerCase = dataTitle.toLowerCase();
+          var dataContent = stripHtml(data.content.trim());
+          var dataContentLowerCase = dataContent.toLowerCase();
+          var dataUrl = data.url;
+          var indexTitle = -1;
+          var indexContent = -1;
+          var firstOccur = -1;
+          // only match artiles with not empty contents
+          if (dataContent !== "") {
+            keywords.forEach(function(keyword) {
+              indexTitle = dataTitleLowerCase.indexOf(keyword);
+              indexContent = dataContentLowerCase.indexOf(keyword);
+
+              if( indexTitle >= 0 || indexContent >= 0 ){
+                matches += 1;
+                if (indexContent < 0) {
+                  indexContent = 0;
+                }
+                if (firstOccur < 0) {
+                  firstOccur = indexContent;
+                }
+              }
+            });
+          }
+          // show search results
+          if (matches > 0) {
+            var searchResult = {};
+            searchResult.rank = matches;
+            searchResult.str = "<li><a href='"+ dataUrl +"'><span class='search-result-title'>"+ dataTitle +"</span>";
+            if (firstOccur >= 0) {
+              // cut out 100 characters
+              var start = firstOccur - 20;
+              var end = firstOccur + 80;
+
+              if(start < 0){
+                start = 0;
+              }
+
+              if(start == 0){
+                end = 100;
+              }
+
+              if(end > dataContent.length){
+                end = dataContent.length;
+              }
+
+              var matchContent = dataContent.substring(start, end);
+
+              // highlight all keywords
+              var regS = new RegExp(keywords.join("|"), "gi");
+              matchContent = matchContent.replace(regS, function(keyword) {
+                return "<span class=\"search-keyword\">"+keyword+"</span>";
+              });
+
+              searchResult.str += "<p class=\"search-result-content\">" + matchContent +"...</p>";
+            }
+            searchResult.str += "</a></li>";
+            resultList.push(searchResult);
+          }
+        });
+        if (resultList.length) {
+          resultList.sort(function(a, b) {
+              return b.rank - a.rank;
+          });
+          var result ="<ul class=\"search-result-list\">";
+          for (var i = 0; i < resultList.length; i++) {
+            result += resultList[i].str;
+          }
+          result += "</ul>";
+          $resultContent.innerHTML = result;
+        }
+      });
+    }
+  });
+};

package/source/css/_layout/sidebar/ghrepo.styl

@@ -1,36 +0,0 @@
-.widget-wrap#repo-info
-  .widget-body
-    a.repo
-      display: block
-      padding: 0.75rem 0.5rem
-      color: var(--text-p2)
-      background: var(--card)
-      border-radius: $border-block
-      box-shadow: $boxshadow-card
-      trans2 box-shadow transform
-      >div+div
-        margin-top: 0.5rem
-      span
-        color: var(--text-p2)
-      &:hover
-        box-shadow: $boxshadow-card-float
-        transform: translateY(-1px)
-    a.repo
-      svg
-        margin-right: 4px
-      .flex-row
-        display: flex 
-        align-items: center
-      .repo-name
-        font-size: $fs-14
-        font-weight: 700
-        color: var(--text-p1)
-      .repo-desc
-        font-size: $fs-13
-        margin-left: 2px
-        margin-right: 2px
-      .grid
-        font-size: $fs-13
-        display: grid
-        grid-gap: 2px
-        grid-template-columns: repeat(auto-fill, "calc((100% - 2 * %s) / 3)" % 2px)

package/source/css/_layout/sidebar/ghuser.styl

@@ -1,98 +0,0 @@
-.widget-wrap#github-user
-  .widget-header+.widget-body
-    margin: 0.75rem 0
-.widget-wrap#github-user .widget-body
-  text-align: center
-  background: var(--card)
-  border-radius: $border-card
-  padding: 1rem
-  box-shadow: $boxshadow-card
-
-.widget-wrap#github-user .widget-body .avatar
-  display: block
-  border-radius: 100%
-  margin: 1rem auto 1.25rem auto
-  max-width: 75%
-  overflow: hidden
-  img 
-    display: block
-  @media screen and (max-width: $device-tablet)
-    max-width: 50%
-
-.widget-wrap#github-user .widget-body .username
-  font-weight: 900
-  font-size: $fs-h2
-  color: var(--text-p0)
-  margin: 0.5rem 0
-
-.widget-wrap#github-user .widget-body .bio
-  font-size: $fs-13
-  margin: 0.5rem 0
-
-.widget-wrap#github-user .widget-body .follow 
-  font-weight: 500
-  border-radius: 64px
-  padding: 0.5rem 1rem
-  background: $color-theme
-  color: var(--card)
-  font-size: 1rem
-  align-self: stretch
-  text-align: center
-  line-height: 1.5
-  display: flex
-  align-items: center
-  justify-content: center
-  trans1: background
-  svg
-    margin-right: 6px
-  &:hover
-    background: $color-hover
-
-.widget-wrap#github-user .widget-body .menu 
-  margin-bottom: 0
-  background: none
-  a:hover 
-    box-shadow: none 
-    background: var(--block)
-  a.active 
-    box-shadow: none
-    position: relative
-    &:after
-      content: ''
-      position: absolute
-      height: 3px
-      bottom: 0
-      width: 32px
-      left: 'calc(50% - 0.5 * %s)' % @width
-      border-radius: 4px
-      background: $color-theme
-
-.widget-wrap#github-user .widget-body .buttons
-  margin: 1rem 0
-  align-self: stretch
-  display: grid
-  grid-gap: 2px
-  grid-template-columns: repeat(auto-fill, "calc((100% - 2 * %s) / 3)" % 2px)
-
-.widget-wrap#github-user .widget-body .btn
-  display: flex 
-  flex-direction: column
-  align-items: center
-  color: inherit
-  border: 1px solid transparent
-  border-radius: 4px
-  padding: 0.25rem 0
-  trans1: background
-  &:hover
-    background: var(--block)
-
-
-.widget-wrap#github-user .widget-body .buttons .btn .title
-  font-size: 1rem
-  font-weight: 700
-
-
-.widget-wrap#github-user .widget-body .buttons .btn .desc
-  font-size: $fs-12
-  color: var(--text-p3)
-  font-weight: 500

package/source/css/_layout/sidebar/widgets.styl

@@ -1,106 +0,0 @@
-.widgets .loading-wrap
-  margin: 0.5rem 0
-
-.l_left .widgets
-  overflow: scroll
-  flex-grow: 1
-  scrollbar-width: none
-  scrollbar(0, 0)
-  z-index: 1
-  line-height: 1.2
-  .widget-wrap
-    margin: 1rem 0 2rem
-    .widget-header
-      padding-left: var(--gap-l)
-      padding-right: var(--gap-l)
-      display: flex
-      justify-content: space-between
-      align-items: center
-      font-weight: 500
-      position: sticky
-      top: -2px
-      background: var(--site-bg)
-      padding-top: 2px
-      z-index 1
-      .item 
-        display: block
-      >span 
-        margin: 0.25rem 0
-        text-align: left
-      &:empty
-        display: none
-      .cap-action
-        hover-block 4px 4px
-        line-height: 0
-        color: var(--text-meta)
-        trans2: color background
-        .icon
-          fill: var(--text-meta)
-        &:hover
-          color: $color-hover
-          .icon
-            fill: $color-hover
-
-    .widget-body
-      margin: 0.5rem var(--gap-l)
-      color: var(--text-p1)
-      p
-        margin-top: .5em
-        margin-bottom: .5em
-        line-height: 1.5
-    .widget-header+.widget-body
-      margin-top: 0
-  .widget-wrap+.widget-wrap .widget-header
-    margin-top: 3rem
-
-
-.l_left .widgets
-  .widget-wrap#recent .widget-body
-    display: flex
-    flex-direction: column
-    align-items: flex-start
-    margin-top: 0.25rem
-    a
-      line-height: 1.2
-      font-size: $fs-13
-      margin: 0.25rem 0
-      padding: 2px 0
-      .title  
-        font-size: $fs-13
-        color: var(--text-p2)
-      &:hover
-        color: $color-hover
-  .widget-wrap#related .widget-body a
-    margin-top: 0.5rem
-    margin-bottom: 1rem
-    .title 
-      font-weight: 700
-      font-size: $fs-14
-    .excerpt
-      -webkit-line-clamp: 3
-
-  .widget-wrap#tagcloud .widget-body
-    margin-top: 0.25rem
-    a  
-      word-break: break-word
-      color: var(--text-p2)
-      line-height: 1.5
-      &:hover
-        color: $color-hover
-  
-  .widget-wrap#timeline .widget-body
-    margin-top: 0.5rem
-    .tag-plugin.timeline .timenode
-      .header
-        margin-bottom: 0.5rem
-        txt-ellipsis()
-        .user-info
-          background: var(--block)
-          &:hover
-            background: $color-hover
-            color: var(--card)
-        &:before
-          display: none
-      &+.timenode
-        margin-top: 0.75rem
-