hexo-theme-volantis 4.3.1 → 5.0.0-alpha.112

package/source/css/_plugins/valine.styl

@@ -1,183 +0,0 @@
-article#comments
-  position: relative
-  a
-    border-bottom: none
-  #valine_container
-    >i
-      display: block
-      margin: $gap auto
-    img
-      display: inline
-    .vwrap
-      border-radius: $border-card
-      border-style: dashed
-      border: 1px dashed alpha($color-text, 30%)
-      trans()
-      &:hover
-        border: 1px dashed $color-theme
-      .cancel-reply
-        margin-top: 0
-        margin-bottom: 0
-      .vheader
-        margin: -10px
-        padding: 5px 10px 0
-        background: var(--color-block)
-        .vinput
-          border-radius: 0
-          border-bottom: 1px dashed transparent
-          &:hover
-            border-bottom: 1px dashed $color-theme
-          &:focus
-            border-bottom: 1px solid $color-theme
-      .vedit
-        .vicon
-          height: 22px
-      .vemojis,.vpreview
-        background: var(--color-block)
-        border-radius: var(--border-codeblock)
-        padding: $gap * 0.5
-        scrollbar()
-        .vemoji
-          max-height: 22px
-          max-width: 100px
-        i
-          width: auto
-          padding: 8px
-          border-radius: 4px
-          transition: box-shadow .2s ease-out, background .2s ease-out
-          if luminosity($color-block) > 0.5
-            &:hover
-              background: lighten($color-block, 2)
-              box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.5), inset 8px 8px 16px rgba(0, 0, 0, 0.05), inset -8px -8px 16px rgba(255, 255, 255, 0.4)
-            &:active
-              background: darken($color-block, 2)
-              box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1), -0px -0px 0px rgba(255, 255, 255, 0.8), inset 2px 2px 4px rgba(0, 0, 0, 0.1), inset -2px -2px 4px rgba(255, 255, 255, 1), inset -8px -8px 16px rgba(255, 255, 255, 0.4)
-      .vedit
-        .vctrl span
-          padding: 0
-          margin: 10px
-        span
-          fill: var(--color-p)
-          &.actived
-            fill: $color-theme
-    .vcount
-      color: var(--color-p)
-      font-size: $fontsize-meta
-      padding: 0
-      font-weight: inherit
-      .vnum
-        color: var(--color-p)
-        font-size: $fontsize-h2
-
-    button
-      border: none
-      padding: 4px 2rem
-      border-radius: $border-button
-      background: darken($color-block, 2)
-      color: var(--color-text)
-      line-height: 2
-      font-size: 14px
-      font-weight: 600
-      trans()
-      &:hover
-        color: $color-hover
-        background: bgcolor($color-hover)
-      &.vmore
-        width: 100%
-        padding: 8px 2rem
-    .vcards
-      margin-top: $gap * 0.5
-      >.vcard
-        border-radius: $border-card
-        border: 1px dashed alpha($color-text, .3)
-        padding: $gap
-        margin-bottom: $gap
-      .vh
-        border-bottom: none
-      .vquote
-        border-left: none
-      .vimg
-        border: 1px solid white
-        padding: 0
-        background: var(--color-block)
-      .vcontent.expand
-        &:before
-          background: linear-gradient(180deg, alpha($color-card, .9), alpha($color-block, .9));
-        &:after
-          background: alpha($color-block, .9)
-          color: var(--color-text)
-      .vhead
-        span
-          &.vnick
-            color: lighten($color-p, 10)
-            cursor: default
-        a
-          &.vnick
-            color: #ff9800
-            font-weight: bold
-            &:hover
-              color: $color-hover
-        .vsys
-          margin: 2px
-          padding: 1px 8px
-          background-color: var(--color-block)
-          display: none
-      .vmeta
-        .vat
-          font-weight: bold
-          color: var(--color-p)
-          float: none
-          trans()
-          padding: 4px 8px
-          border-radius: 2px
-          &:hover
-            color: $color-hover
-            background-color: var(--color-block)
-
-      .vcontent
-        padding-top: 0
-        blockquote
-          padding-top: $gap-p
-          padding-bottom: $gap-p
-          background: var(--color-block)
-          border-left: $border-codeblock solid $color-theme
-          border-radius: $border-codeblock
-          trans()
-        code
-          color: var(--color-p)
-          font-family: $fontfamily-code
-        pre
-          background: var(--color-codeblock)
-          code
-            border: none
-        a
-          color: $color-link
-          line-height: inherit
-          trans()
-          &:hover
-            color: $color-hover
-            text-decoration: underline
-        p
-          color: var(--color-p)
-          margin-top: $gap-p
-          margin-bottom: $gap-p
-          line-height: inherit
-        .vemoji
-          max-height: 24px
-          border-radius: 0
-          margin-top: -10px
-          max-width: 100px
-    .vempty
-      color: var(--color-meta)
-    .vpower
-      &,a
-        font-size: $fontsize-footnote
-      a
-        color: var(--color-p)
-        &:hover
-          text-decoration: underline
-          color: $color-hover
-    .vinput
-      color: var(--color-text)
-    p
-      color: var(--color-text)

package/source/css/_tag-plugins/simpleuser.styl

@@ -1,21 +0,0 @@
-.md .simpleuser-group
-  margin: 0
-  display: grid
-  grid-template-columns: repeat(auto-fill, 112px)
-.md .simpleuser
-  text-align: center
-  padding: 1em .5em
-  border-radius: 4px
-  img
-    display: block
-    width: 50px
-    height 50px
-    border-radius: 50px
-    object-fit: cover
-  img+span
-    display: block
-    font-size: $fontsize-meta
-    line-height: 1.2
-    color: var(--color-text)
-  &:hover
-    background: var(--color-site-bg)

package/source/css/_tag-plugins/site-card.styl

@@ -1,70 +0,0 @@
-.site-card-group
-  display: flex
-  flex-wrap: wrap
-  justify-content: flex-start
-  margin: -0.5 * $gap
-  align-items: stretch
-.site-card
-  margin: $gap * 0.5
-  width: "calc(100% / 4 - %s)" % $gap
-  @media screen and (min-width: $device-2k)
-      width: "calc(100% / 5 - %s)" % $gap
-  @media screen and (max-width: $device-tablet)
-      width: "calc(100% / 3 - %s)" % $gap
-  @media screen and (max-width: $device-mobile)
-      width: "calc(100% / 2 - %s)" % $gap
-  display: block
-  line-height: 1.4
-  height 100%
-  .img
-    width: 100%
-    height 120px
-    @media screen and (max-width: $device-mobile)
-      height 100px
-    overflow: hidden
-    border-radius: $border-card * 0.5
-    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2)
-    background: var(--color-block)
-    img
-      width: 100%
-      height 100%
-      // trans(.75s)
-      transition: transform 2s ease
-      object-fit: cover
-
-  .info
-    margin-top: $gap * 0.5
-    img
-      width: 32px
-      height: 32px
-      border-radius: 16px
-      float: left
-      margin-right: 8px
-      margin-top: 2px
-    span
-      display: block
-    .title
-      font-weight: 600
-      font-size: $fontsize-list
-      color: var(--color-p)
-      display: -webkit-box
-      -webkit-box-orient: vertical
-      overflow: hidden
-      -webkit-line-clamp: 1
-      trans()
-    .desc
-      font-size: $fontsize-footnote
-      word-wrap: break-word;
-      line-height: 1.2
-      color: var(--color-meta)
-      display: -webkit-box
-      -webkit-box-orient: vertical
-      overflow: hidden
-      -webkit-line-clamp: 2
-  .img
-    trans()
-  &:hover
-    .img
-      box-shadow: $boxshadow-float, $boxshadow-card-float
-    .info .title
-      color: $color-hover

package/source/js/aplayer.js

@@ -1,167 +0,0 @@
-// 检查 Aplayer 对象状态
-function checkAPlayer() {
-  if (APlayerController.player == undefined) {
-    setAPlayerObject();
-  } else {
-    if (APlayerController.observer == undefined) {
-      setAPlayerObserver();
-    }
-  }
-}
-
-// 设置全局播放器所对应的 aplyer 对象
-function setAPlayerObject() {
-  // 设置foot全局播放器为高优先级
-  var Meting = document.querySelectorAll('.footer meting-js');
-  if (Meting.length == 0) {
-    Meting = document.querySelectorAll('meting-js');
-  }
-  Meting.forEach((item, index) => {
-    if (item.meta.id == APlayerController.id) {
-      if (Meting[index].aplayer != undefined) {
-        APlayerController.player = Meting[index].aplayer;
-        setAPlayerObserver();
-        updateTitle();
-      }
-    }
-  });
-}
-
-// 事件监听
-function setAPlayerObserver() {
-  try {
-    APlayerController.player.on('play', function(e) {
-      updateAPlayerControllerStatus();
-    });
-    APlayerController.player.on('pause', function(e) {
-      updateAPlayerControllerStatus();
-    });
-    APlayerController.player.on('volumechange', function(e) {
-      onUpdateAPlayerVolume();
-    });
-    APlayerController.player.on('loadstart', function(e) {
-      // 跳到下一曲时更新标题
-      updateTitle();
-    });
-
-    // 监听音量手势
-    APlayerController.volumeBarWrap = document.getElementsByClassName('nav volume')[0].children[0];
-    APlayerController.volumeBar = APlayerController.volumeBarWrap.children[0];
-    function updateAPlayerVolume(e) {
-      let percentage = ((e.clientX || e.changedTouches[0].clientX) - APlayerController.volumeBar.getBoundingClientRect().left) / APlayerController.volumeBar.clientWidth;
-      percentage = Math.max(percentage, 0);
-      percentage = Math.min(percentage, 1);
-      APlayerController.player.volume(percentage);
-    }
-    const thumbMove = (e) => {
-      updateAPlayerVolume(e);
-    };
-    const thumbUp = (e) => {
-      APlayerController.volumeBarWrap.classList.remove('aplayer-volume-bar-wrap-active');
-      document.removeEventListener('mouseup', thumbUp);
-      document.removeEventListener('mousemove', thumbMove);
-      updateAPlayerVolume(e);
-    };
-
-    APlayerController.volumeBarWrap.addEventListener('mousedown', () => {
-      APlayerController.volumeBarWrap.classList.add('aplayer-volume-bar-wrap-active');
-      document.addEventListener('mousemove', thumbMove);
-      document.addEventListener('mouseup', thumbUp);
-    });
-
-
-    // 设置完监听就立即更新一次
-    updateAPlayerControllerStatus();
-    onUpdateAPlayerVolume();
-    APlayerController.observer = true;
-    console.log('APlayerController ready!');
-
-  } catch (error) {
-    delete APlayerController.observer;
-  }
-}
-
-// 更新控制器状态
-function updateAPlayerControllerStatus() {
-  try {
-    if (APlayerController.player.audio.paused) {
-      document.getElementsByClassName('nav toggle')[0].children[0].classList.add('fa-play');
-      document.getElementsByClassName('nav toggle')[0].children[0].classList.remove('fa-pause');
-    } else {
-      document.getElementsByClassName('nav toggle')[0].children[0].classList.remove('fa-play');
-      document.getElementsByClassName('nav toggle')[0].children[0].classList.add('fa-pause');
-    }
-  } catch (error) {
-    console.log(error);
-  }
-}
-function onUpdateAPlayerVolume() {
-  try {
-    APlayerController.volumeBar.children[0].style.width = APlayerController.player.audio.volume * 100 + '%';
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-// 播放/暂停
-function aplayerToggle() {
-  checkAPlayer();
-  try {
-    APlayerController.player.toggle();
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-// 上一曲
-function aplayerBackward() {
-  checkAPlayer();
-  try {
-    APlayerController.player.skipBack();
-    APlayerController.player.play();
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-// 下一曲
-function aplayerForward() {
-  checkAPlayer();
-  try {
-    APlayerController.player.skipForward();
-    APlayerController.player.play();
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-// 调节音量
-function aplayerVolume(percent) {
-  checkAPlayer();
-  try {
-    APlayerController.player.volume(percent);
-  } catch (error) {
-    console.log(error);
-  }
-}
-
-// 更新音乐标题
-function updateTitle() {
-  checkAPlayer();
-  try {
-    const index = APlayerController.player.list.index;
-    const obj = APlayerController.player.list.audios[index];
-    document.getElementsByClassName('nav music-title')[0].innerHTML = obj.title;
-  } catch (error) {
-    console.log(error);
-  }
-}
-var checkrightmenu = setInterval(function() {
-  if (!volantis.APlayerLoaded) return; // APlayer加载完成？
-  if ($('#safearea').css('display') != 'block') return; // 文章内容加载完成？ see: source/css/first.styl
-  if (!document.querySelectorAll('meting-js')[0].meta) return; // meting-js 加载完成？
-  if (!document.querySelectorAll('meting-js')[0].meta.id) return; // meting-js 初始化?
-  clearInterval(checkrightmenu);
-  checkAPlayer();
-}, 1000);
-

package/source/js/issues.js

@@ -1,186 +0,0 @@
-const IssuesAPI = {
-  requestIssuesAPI(url, callback, timeout) {
-    let retryTimes = 10;
-    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();
-  },
-  parseIssueStrToJson(str) {
-    let jsonStr = str.match(/```json[\s|\S]*```/);
-    if (jsonStr && jsonStr.length > 0) {
-      jsonStr = jsonStr[0];
-    }
-    if (jsonStr) {
-      jsonStr = jsonStr.split('```json')[1].split('```')[0];
-      if (jsonStr) {
-        return JSON.parse(jsonStr);
-      }
-    }
-    return undefined;
-  },
-  groupIssuesData(cfg, data) {
-    var groups = new Object();
-    if (data.length > 0) {
-      if (cfg.group != undefined) {
-        const arr = cfg.group.split(':');
-        if (arr.length > 1) {
-          const groupKey = arr[0];
-          let groupList = arr[1];
-          if (groupKey && groupList) {
-            groupList = groupList.split(',');
-          }
-          cfg.group = groupList;
-          for (i = 0; i < data.length; i++) {
-            const obj = this.parseIssueStrToJson(data[i].body);
-            if (obj && (groupKey in obj)) {
-              let tmp = obj[groupKey];
-              tmp = tmp.replace(', ', ',').split(',');
-              for (var j = 0; j < tmp.length; j++) {
-                if (groupList.includes(tmp[j])) {
-                  let arr = groups[tmp[j]];
-                  if (arr == undefined) {
-                    arr = new Array();
-                  }
-                  arr.push(obj);
-                  groups[tmp[j]] = arr;
-                }
-              }
-            }
-          }
-        }
-      } else {
-        cfg.group = [''];
-        for (i = 0; i < data.length; i++) {
-          const obj = this.parseIssueStrToJson(data[i].body);
-          if (obj) {
-            let arr = groups[''];
-            if (arr == undefined) {
-              arr = new Array();
-            }
-            arr.push(obj);
-            groups[''] = arr;
-          }
-        }
-      }
-    }
-    return groups;
-  },
-  getIssuesAPIForSites(cfg) {
-    const el = $(cfg.el)[0];
-    $(el).append('<div class="loading"><i class="fa fa-cog fa-2x fa-spin"></i><p>正在加载</p></div>');
-    this.requestIssuesAPI(cfg.api, function(data) {
-      $(el).find('.loading').remove();
-      const dt = IssuesAPI.groupIssuesData(cfg, data);
-      const groupTitles = Object.keys(dt);
-      cfg.group.forEach((groupTitle, i) => {
-        const issues = dt[groupTitle];
-        if (issues && issues.length > 0) {
-          if (groupTitle.length > 0) {
-            $(el).append('<h2>' + groupTitle + '</h2>');
-          } else if (name == '' && groupTitles.length > 1) {
-            $(el).append('<h2>' + '未分组' + '</h2>');
-          }
-          $(el).append('<div class="site-card-group ' + i + '"></div>');
-          // layout items
-          for (j = 0; j < issues.length; j++) {
-            const issue = issues[j];
-            let imgTag = '';
-            if (issue.screenshot && issue.screenshot.length > 0) {
-              imgTag = '<div class="img"><img src="' + issue.screenshot + '" onerror="javascript:this.src=\'https://image.thum.io/get/width/1024/crop/768/' + issue.url + '\';"/></div>';
-            } else {
-              imgTag = '<div class="img"></div>';
-            }
-            let infoTag = '<div class="info">';
-            if (issue.avatar && issue.avatar.length > 0) {
-              infoTag += '<img src="' + issue.avatar + '" onerror="javascript:this.src=\'https://image.thum.io/get/width/1024/crop/768/' + issue.url + '\';"/>';
-            }
-            infoTag += '<span class="title">' + issue.title + '</span><span class="desc">' + issue.description + '</span></div>';
-            const cardTag = '<a class=\'site-card\' target=\'_blank\' href=\'' + issue.url + '\'>' + imgTag + infoTag + '</a>';
-            $(el).find('.site-card-group.' + i).append(cardTag);
-          }
-        }
-      });
-    }, function() {
-      $(el).find('.loading i').remove();
-      $(el).find('.loading p').text('加载失败，请稍后重试。');
-    });
-  },
-  getIssuesAPIForTimeline(cfg) {
-    const el = $(cfg.el)[0];
-    $(el).append('<div class="loading"><i class="fa fa-cog fa-2x fa-spin"></i><p>正在加载</p></div>');
-    this.requestIssuesAPI(cfg.api, function(data) {
-      $(el).find('.loading').remove();
-      if (data.length > 0) {
-        for (i = 0; i < data.length; i++) {
-          const a = '&nbsp;&nbsp;<a class="comments" target="_blank" href="' + data[i].html_url + '"><i class="fa fa-comment-dots fa-fw"></i>' + data[i].comments + '</a>';
-          const meta = '<div class="meta"><p></p><p>' + data[i].title + a + '</p><p></p></div>';
-          const body = '<div class="body"><p>' + data[i].body + '</p></div>';
-          const tag = '<div class="timenode">' + meta + body + '</div>';
-          $(el).append(tag);
-        }
-      }
-    }, function() {
-      $(el).find('.loading i').remove();
-      $(el).find('.loading p').text('加载失败，请稍后重试。');
-    });
-  },
-  request() {
-    const els = document.getElementsByClassName('issues-api');
-    for (var i = 0; i < els.length; i++) {
-      const el = els[i];
-      const api = el.getAttribute('api');
-      const group = el.getAttribute('group');
-      var cfg = new Object();
-      cfg.class = el.getAttribute('class');
-      cfg.el = el;
-      cfg.api = api;
-      cfg.group = group;
-      if (cfg.class.split(' ').includes('sites')) {
-        this.getIssuesAPIForSites(cfg);
-      } else if (cfg.class.split(' ').includes('timeline')) {
-        this.getIssuesAPIForTimeline(cfg);
-      }
-    }
-  }
-};
-IssuesAPI.request();
-document.addEventListener('pjax:complete', function() {
-  IssuesAPI.request();
-});