jekyll-text-theme 1.5.0 → 2.0.0

data/_includes/pageview-providers/leancloud/leancloud.js

@@ -0,0 +1,71 @@
+(function() {
+  function errorHandler(error, callback) {
+    if (error) {
+      callback && callback(error);
+      throw error;
+    }
+  }
+
+  function pageview(_AV  ,options) {
+    var AV = _AV;
+    var appId, appKey, appClass;
+    appId = options.appId;
+    appKey = options.appKey;
+    appClass = options.appClass;
+    AV.init({
+      appId: appId,
+      appKey: appKey
+    });
+    return {
+      get: get,
+      increase: increase
+    };
+
+    function searchKey(key) {
+      var query = new AV.Query(appClass);
+      query.equalTo('key', key);
+      return query.first();
+    }
+
+    function insert(key, title) {
+      var Blog = AV.Object.extend(appClass);
+      var blog = new Blog();
+      blog.set('title', title);
+      blog.set('key', key);
+      blog.set('views', 0);
+      return blog.save();
+    }
+
+    function increment(result) {
+      result.increment('views', 1);
+      return result.save(null, {
+        fetchWhenSave: true
+      });
+    }
+
+    function get(key, callback) {
+      searchKey(key).then(function(result) {
+        if (result) {
+          callback && callback(result.attributes.views);
+        }
+      }, errorHandler);
+    }
+
+    function increase(key, title, callback) {
+      searchKey(key).then(function(result) {
+        if (result) {
+          increment(result).then(function(result) {
+            callback && callback(result.attributes.views);
+          });
+        } else {
+          insert(key, title).then(function(result) {
+            increment(result).then(function(result) {
+              callback && callback(result.attributes.views);
+            });
+          }, errorHandler);
+        }
+      }, errorHandler);
+    }
+  }
+  window.pageview = pageview;
+})();

data/_includes/pageview-providers/leancloud/post.html

@@ -0,0 +1,31 @@
+{%- include snippets/get-sources.html -%}
+{%- assign _sources = __return -%}
+
+{%- assign _LEANCLOUD_APP_ID = site.pageview.leancloud.app_id -%}
+{%- assign _LEANCLOUD_APP_KEY = site.pageview.leancloud.app_key -%}
+{%- assign _LEANCLOUD_APP_CLASS = site.pageview.leancloud.app_class -%}
+
+{%- if page.key and
+  _LEANCLOUD_APP_ID and
+  _LEANCLOUD_APP_KEY and
+  _LEANCLOUD_APP_CLASS -%}
+
+  <script>
+    {%- include pageview-providers/leancloud/leancloud.js -%}
+  </script>
+  <script>
+    window.Lazyload.js(['{{ _sources.jquery }}', '{{ _sources.leancloud_js_sdk}}'], function() {
+      var pageview = window.pageview(AV, {
+        appId:    '{{ _LEANCLOUD_APP_ID }}',
+        appKey:   '{{ _LEANCLOUD_APP_KEY }}',
+        appClass: '{{ _LEANCLOUD_APP_CLASS }}'
+      });
+      var key =   '{{ page.key }}';
+      var title = window.decodeUrl('{{ page.title | url_encode }}');
+      pageview.increase(key, title, function(view) {
+        $("[data-page-key='{{ page.key }}']").text(view);
+      });
+    });
+  </script>
+
+{%- endif -%}

data/_includes/pageview.html

@@ -0,0 +1,31 @@
+{%- assign __source = page.pageview -%}
+{%- assign __target = site.data.variables.default.pageview -%}
+{%- include snippets/assign.html -%}
+{%- assign _pageview = __return -%}
+
+
+{%- if page.layout == "home" -%}
+
+  {%- if jekyll.environment != "development" -%}
+    {%- if site.pageview.provider == 'leancloud' -%}
+      {%- include pageview-providers/leancloud/home.html -%}
+    {%- elsif site.pageview.provider == 'custom' -%}
+      {%- include pageview-providers/custom/home.html -%}
+    {%- endif -%}
+  {%- endif -%}
+
+
+{%- elsif page.layout == "article" -%}
+  {%- if _pageview -%}
+
+    {%- if jekyll.environment != "development" and
+      jekyll.environment != "beta" -%}
+      {%- if site.pageview.provider == 'leancloud' -%}
+        {%- include pageview-providers/leancloud/post.html -%}
+      {%- elsif site.pageview.provider == 'custom' -%}
+        {%- include pageview-providers/custom/post.html -%}
+      {%- endif -%}
+    {%- endif -%}
+
+  {%- endif -%}
+{%- endif -%}

data/_includes/scripts/archieve.js

@@ -0,0 +1,238 @@
+(function() {
+  var SOURCES = window.TEXT_VARIABLES.sources;
+  function queryString() {
+    // This function is anonymous, is executed immediately and
+    // the return value is assigned to QueryString!
+    var i = 0, queryObj = {}, pair;
+    var queryStr = window.location.search.substring(1);
+    var queryArr = queryStr.split('&');
+    for (i = 0; i < queryArr.length; i++) {
+      pair = queryArr[i].split('=');
+      // If first entry with this name
+      if (typeof queryObj[pair[0]] === 'undefined') {
+        queryObj[pair[0]] = pair[1];
+        // If second entry with this name
+      } else if (typeof queryObj[pair[0]] === 'string') {
+        queryObj[pair[0]] = [queryObj[pair[0]], pair[1]];
+        // If third or later entry with this name
+      } else {
+        queryObj[pair[0]].push(pair[1]);
+      }
+    }
+    return queryObj;
+  }
+
+  function memorize(f) {
+    var cache = {};
+    return function () {
+      var key = Array.prototype.join.call(arguments, ',');
+      if (key in cache) return cache[key];
+      else return cache[key] = f.apply(this, arguments);
+    };
+  }
+
+  function initData(json) {
+    var _data = JSON.parse(json), i, j, cur, _tags;
+    Object.keys(_data).forEach(function(year) {
+      for (i = 0; i < _data[year].length; i++) {
+        cur = _data[year][i], _tags = cur.tags;
+        cur.title = window.decodeUrl(cur.title);
+        cur.url = window.decodeUrl(cur.url);
+        if (_tags && _tags.length > 0) {
+          for (j = 0; j < _tags.length; j++) {
+            _tags[j] = window.decodeUrl(_tags[j]);
+          }
+        }
+      }
+    });
+    return _data;
+  }
+
+  var setUrlQuery = (function() {
+    var baseUrl =  window.location.href.split('?')[0];
+    return function(query) {
+      if (typeof query === 'string') {
+        window.history.replaceState(null, '', baseUrl + query);
+      } else {
+        window.history.replaceState(null, '', baseUrl);
+      }
+    };
+  })();
+
+  var data = initData('{%- include scripts/article-list.html -%}');
+
+  var searchByTag = memorize(function(tag) {
+    var i, j, cur, _tags, _tag, _data = {};
+    Object.keys(data).forEach(function(year) {
+      for (i = 0; i < data[year].length; i++) {
+        cur = data[year][i], _tags = cur.tags;
+        if (_tags && _tags.length > 0) {
+          for (j = 0; j < _tags.length; j++) {
+            _tag = _tags[j];
+            if (_tag === tag) {
+              if (!_data[year]) {
+                _data[year] = [];
+              }
+              _data[year].push(cur);
+              break;
+            }
+          }
+        }
+      }
+    });
+    return _data;
+  });
+
+  var searchByQuery = function(query) {
+    var i, cur, _title, _data = { _: [] };
+    Object.keys(data).forEach(function(year) {
+      for (i = 0; i < data[year].length; i++) {
+        cur = data[year][i], _title = cur.title;
+        if (_title.toLowerCase().indexOf(query.toLowerCase()) >= 0) {
+          _data._.push(cur);
+        }
+      }
+    });
+    return _data;
+  };
+
+  window.Lazyload.js(SOURCES.jquery, function() {
+    var $root = $('.js-all');
+    var $searchBox = $('.js-search-box');
+    var $searchInput = $searchBox.children('input');
+    var $searchClear = $searchBox.children('.icon-clear');
+    var $tags = $('.js-tags');
+    var $articleTags = $('.js-article-tag');
+    var $tagShowAll = $('.js-tag-show-all');
+    var $result = $('.js-result');
+    var $lastFocusButton = null;
+
+    function addClass(dom, className) {
+      dom.hasClass(className) || dom.addClass(className);
+    }
+    function removeClass(dom, className) {
+      dom.hasClass(className) && dom.removeClass(className);
+    }
+
+    var renderHeading = memorize(function (year) {
+      return $('<h2 class="year">' + year + '</h2>');
+    });
+    var renderItem = memorize(function (key, title, date, url) {
+      return $('<li><span class="date">' + date + '</span><a class="link" href="' + url + '">' + title + '</a></li>');
+    });
+    function render(data) {
+      var $dom = $('<div></div>'), $section, $ul, i, cur;
+      Object.keys(data).sort(function(a, b) {
+        return b.localeCompare(a);
+      }).forEach(function(year) {
+        $section = $('<section></section>'), $ul = $('<ul></ul>');
+        (year === '_') || $section.append(renderHeading(year));
+        for (i = 0; i < data[year].length; i++) {
+          cur = data[year][i];
+          $ul.append(renderItem(cur.key, cur.title, cur.date, cur.url, cur.tags));
+        }
+        $dom.append($section.append($ul));
+      });
+      return $dom;
+    }
+
+    function searchButtonsByTag(_tag/*raw tag*/) {
+      if (!_tag) {
+        return $tagShowAll;
+      }
+      var _buttons = $articleTags.filter('[data-encode="' + _tag + '"]');
+      if (_buttons.length === 0) {
+        return $tagShowAll;
+      }
+      return _buttons;
+    }
+    function buttonFoucs(target) {
+      if (target) {
+        addClass(target, 'focus');
+        $lastFocusButton && !$lastFocusButton.is(target) && removeClass($lastFocusButton, 'focus');
+        $lastFocusButton = target;
+      }
+    }
+
+    function setIsSearch() {
+      addClass($root, 'search');
+    }
+    function setNotSearch() {
+      removeClass($root, 'search');
+    }
+    function setIsEmpty() {
+      removeClass($searchBox, 'not-empty');
+    }
+    function setNotEmpty() {
+      addClass($searchBox, 'not-empty');
+    }
+    function setSearchBoxVal(val) {
+      ($searchInput.val() === val) || $searchInput.val(val);
+    }
+    function clearSearchBox() {
+      setSearchBoxVal(''); queryInput('');
+    }
+
+    function showAll() {
+      setNotSearch(); setIsEmpty(); buttonFoucs($tagShowAll); setUrlQuery();
+      $result.html(render(data));
+    }
+    function tagSelect(tag/*decode tag*/, target) {
+      var _tag;
+      if (tag === '' || tag === undefined) {
+        showAll();
+      } else {
+        $result.html(render(searchByTag(tag)));
+      }
+      if (target) {
+        buttonFoucs(target);
+        _tag = target.attr('data-encode');
+        if (_tag === '' || typeof _tag !== 'string') {
+          setUrlQuery();
+        } else {
+          setUrlQuery('?tag=' + _tag);
+        }
+      }
+    }
+    function queryInput(query) {
+      if (query === '' || typeof query !== 'string') {
+        showAll();
+      } else {
+        $result.html(render(searchByQuery(query))); setIsSearch(); setNotEmpty(); setUrlQuery('?q=' + query);
+
+      }
+    }
+
+    (function() {
+      $articleTags.removeClass('inactive');
+      var query = queryString(), _tag = query.tag, _q = query.q;
+      if (_tag !== undefined) {
+        query.tag === undefined || (_tag = query.tag);
+        tagSelect(window.decodeUrl(_tag));
+        buttonFoucs(searchButtonsByTag(_tag));
+      } else if (_q !== undefined) {
+        _q = window.decodeUrl(_q);
+        queryInput(_q); setSearchBoxVal(_q);
+      } else {
+        showAll();
+      }
+    })();
+
+    $tags.on('click', 'button', function() {
+      tagSelect($(this).children('span').text(), $(this));
+    });
+
+    $searchInput.on('input', window.throttle(function() {
+      queryInput($(this).val());
+    }, 400));
+    $searchInput.on('focus', function() {
+      addClass($(this), 'focus');
+    });
+    $searchInput.on('blur', function() {
+      removeClass($(this), 'focus');
+    });
+    $searchClear.on('click', function() {
+      clearSearchBox();
+    });
+  });
+})();

data/_includes/scripts/article-list.html

@@ -0,0 +1,27 @@
+{%- assign __locale = site.data.locale.ARTICLE_LIST_DATE_FORMAT -%}
+{%- include snippets/locale-to-string.html -%}
+{%- assign _format = __return -%}
+{%- assign _post_count = site.posts | size -%}
+{%- if _post_count < 1 -%}
+{}
+{%- else -%}
+{
+  {%- for _post in site.posts -%}
+    {%- assign _currentdate = _post.date | date: '%Y' -%}
+    {%- if _currentdate != _date -%}
+      {%- unless forloop.first -%}],{%- endunless -%}
+      "{{ _currentdate }}":[{
+      {%- assign _date = _currentdate -%}
+    {%- else -%},{
+    {%- endif -%}
+      "key":"{{ forloop.index }}","title":"{{ _post.title | url_encode }}","tags":[
+    {%- for _tag in _post.tags -%}
+      "{{ _tag | url_encode }}" {%- unless forloop.last -%},{%- endunless -%}
+    {%- endfor -%}
+    {%- assign __path = _post.url -%}
+    {%- include snippets/prepend-baseurl.html -%}
+    {%- assign _url = __return -%}
+      ],"url":"{{ _url | url_encode }}","date":"{{ _post.date | date: _format }}"}
+  {%- endfor -%}
+]}
+{%- endif -%}

data/_includes/scripts/article.js

@@ -0,0 +1,24 @@
+(function() {
+  var SOURCES = window.TEXT_VARIABLES.sources;
+  window.Lazyload.js(SOURCES.jquery, function() {
+    $(function() {
+      var $this ,$scroll;
+      var $articleContent = $('.js-article-content');
+      var hasSidebar = $('.js-page-root').hasClass('layout--page--sidebar');
+      var scroll = hasSidebar ? '.js-page-main' : 'html, body';
+      $scroll = $(scroll);
+
+      $articleContent.find('.highlight').each(function() {
+        $this = $(this);
+        $this.attr('data-lang', $this.find('code').attr('data-lang'));
+      });
+      $articleContent.find('h1, h2, h3, h4, h5, h6').each(function() {
+        $this = $(this);
+        $this.append($('<a class="anchor" aria-hidden="true"></a>').html('<i class="fas fa-anchor"></i>'));
+      });
+      $articleContent.on('click', '.anchor', function() {
+        $scroll.scrollToAnchor('#' + $(this).parent().attr('id'), 400);
+      });
+    });
+  });
+})();

data/_includes/scripts/aside/affix.js

@@ -0,0 +1,26 @@
+(function() {
+  var SOURCES = window.TEXT_VARIABLES.sources;
+  window.Lazyload.js(SOURCES.jquery, function() {
+    var $window = $(window), $pageFooter = $('.js-page-footer');
+    var $pageAside = $('.js-page-aside');
+    var affix;
+    var tocDisabled = false;
+    var hasSidebar = $('.js-page-root').hasClass('layout--page--sidebar');
+
+    setTimeout(function() {
+      affix = $pageAside.affix({
+        offsetBottom: $pageFooter.outerHeight(),
+        scrollTarget: hasSidebar ? '.js-page-main' : null,
+        scroller: hasSidebar ? '.js-page-main' : null,
+        scroll: hasSidebar ? $('.js-page-main').children() : null,
+        disabled: tocDisabled
+      });
+    }, 1000);
+
+    $window.on('resize', window.throttle(function() {
+      affix && affix.setOptions({
+        disabled: tocDisabled
+      });
+    }, 100));
+  });
+})();