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

package/scripts/tags/checkbox.js

@@ -1,49 +1,59 @@
 'use strict';
 
 function postCheckbox(args) {
-  args = args.join(' ').split(',')
-  var cls = ''
-  var text = ''
-  var checked = false
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
+  var cls = '';
+  var text = '';
+  var checked = false;
   if (args.length > 1) {
-    cls = (args[0] || '').trim()
+    cls = (args[0] || '').trim();
     if (cls.length > 0) {
-      cls = ' ' + cls
+      cls = ' ' + cls;
     }
     if (cls.indexOf('checked') > -1) {
-      checked = true
+      checked = true;
     }
-    text = (args[1] || '').trim()
+    text = (args[1] || '').trim();
   } else if (args.length > 0) {
-    text = (args[0] || '').trim()
+    text = (args[0] || '').trim();
   }
   if (text.length > 0) {
-    return `<div class='checkbox${cls}'><input type="checkbox" ${ checked ? 'checked="checked"' : '' }/>
+    return `<div class='checkbox${cls}'><input type="checkbox" ${checked ? 'checked="checked"' : ''}/>
             ${hexo.render.renderSync({text: text, engine: 'markdown'}).split('\n').join('')}
-            </div>`
+            </div>`;
   }
 }
 function postRadio(args) {
-  args = args.join(' ').split(',')
-  var cls = ''
-  var text = ''
-  var checked = false
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
+  var cls = '';
+  var text = '';
+  var checked = false;
   if (args.length > 1) {
-    cls = (args[0] || '').trim()
+    cls = (args[0] || '').trim();
     if (cls.length > 0) {
-      cls = ' ' + cls
+      cls = ' ' + cls;
     }
     if (cls.indexOf('checked') > -1) {
-      checked = true
+      checked = true;
     }
-    text = (args[1] || '').trim()
+    text = (args[1] || '').trim();
   } else if (args.length > 0) {
-    text = (args[0] || '').trim()
+    text = (args[0] || '').trim();
   }
   if (text.length > 0) {
-    return `<div class='checkbox${cls}'><input type="radio" ${ checked ? 'checked="checked"' : '' }/>
+    return `<div class='checkbox${cls}'><input type="radio" ${checked ? 'checked="checked"' : ''}/>
             ${hexo.render.renderSync({text: text, engine: 'markdown'}).split('\n').join('')}
-            </div>`
+            </div>`;
   }
 }
 // {% checkbox text %}

package/scripts/tags/contributors.js

@@ -0,0 +1,100 @@
+/**
+ * friends.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% friends [only:group1] [not:group2] %}
+ */
+
+'use strict';
+
+hexo.extend.tag.register('contributors', function(args) {
+  args = hexo.args.map(args, ['only', 'not', 'api', 'source', 'repo']);
+  if (args.only) {
+    if(/::/g.test(args.only)){
+      args.only = args.only.split('::');
+    }else{
+      args.only = args.only.split(',');
+    }
+  }
+  if (args.not) {
+    if(/::/g.test(args.not)){
+      args.not = args.not.split('::');
+    }else{
+      args.not = args.not.split(',');
+    }
+  }
+  var friends = hexo.locals.get('data').contributors;
+  if (friends == undefined) {
+    friends = {};
+  }
+  if (args.repo) {
+    friends = {
+      group: {
+        api: args.api || 'https://gh-api.xaoxuu.com',
+        source: args.source || 'volantis-x/github-api',
+        repo: args.repo
+      }
+    }
+  }
+  var el = '<div class="tag-plugin users-wrap">';
+  function groupHeader(group) {
+    var header = '<div class="group-header">';
+    if (group.title) {
+      header += hexo.render.renderSync({text: group.title, engine: 'markdown'}).split('\n').join('');
+    }
+    if (group.description) {
+      header += hexo.render.renderSync({text: group.description, engine: 'markdown'}).split('\n').join('');
+    }
+    header += '</div>';
+    return header;
+  }
+  function cell(friend) {
+    if (friend.url && friend.title) {
+      var cell = '<div class="user-card">';
+      cell += '<a class="card-link" target="_blank" rel="external noopener noreferrer" href="' + friend.url + '">';
+      cell += '<img src="' + (friend.avatar || hexo.theme.config.default.avatar) + '" onerror="errorImgAvatar(this)"/>';
+      cell += '<div class="name"><span>' + friend.title + '</span></div>';
+      cell += '</a></div>'
+      return cell;
+    } else {
+      return '';
+    }
+  }
+  for (let groupId of Object.keys(friends)) {
+    function f() {
+      if (args.not && args.not.includes(groupId)) {
+        return;
+      }
+      if (groupId in friends) {
+        let group = friends[groupId];
+        if (group.title || group.description) {
+          el += groupHeader(group);
+        }
+        if (group.repo) {
+          el += '<div class="contributorsjs-wrap"';
+          el += ' id="contributors-api"';
+          el += ' api="' + group.api + '/v1/contributors?source=' + group.source + '&target=' + group.repo + '"';
+          el += '>';
+          el += '<div class="loading-wrap"><svg class="loading" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709"><path d="M832 512c0-176-144-320-320-320V128c211.2 0 384 172.8 384 384h-64zM192 512c0 176 144 320 320 320v64C300.8 896 128 723.2 128 512h64z" p-id="2710"></path></svg><p></p></div>';
+          el += '<div class="group-body"></div>';
+          el += '</div>';
+        } else if (group.items) {
+          el += '<div class="group-body">';
+          group.items.forEach((friend, i) => {
+            el += cell(friend);
+          });
+          el += '</div>';
+        }
+      }
+    }
+    if (args.only) {
+      if (args.only.includes(groupId)) {
+        f();
+      }
+    } else {
+      f();
+    }
+  }
+  el += '</div>';
+  return el;
+});

package/scripts/tags/dropmenu.js

@@ -1,9 +1,14 @@
 'use strict';
 
 function postMenu(args, content) {
-  args = args.join(' ').split(',')
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
   if (args.length == 1) {
-    let title = args[0].trim()
+    const title = args[0].trim();
     return `<div class='dropmenu-wrapper'>
               <div class='dropmenu'>
                 <a>${title}</a>
@@ -11,10 +16,10 @@ function postMenu(args, content) {
                   ${content}
                 </ul>
               </div>
-            </div>`
+            </div>`;
   } else if (args.length == 2) {
-    let prefix = args[0].trim()
-    let title = args[1].trim()
+    const prefix = args[0].trim();
+    const title = args[1].trim();
     return `<div class='dropmenu-wrapper'>
               <span>${prefix}</span>
               <div class='dropmenu'>
@@ -23,11 +28,11 @@ function postMenu(args, content) {
                   ${content}
                 </ul>
               </div>
-            </div>`
+            </div>`;
   } else if (args.length == 3) {
-    let prefix = args[0].trim()
-    let title = args[1].trim()
-    let suffix = args[2].trim()
+    const prefix = args[0].trim();
+    const title = args[1].trim();
+    const suffix = args[2].trim();
     return `<div class='dropmenu-wrapper'>
               <span>${prefix}</span>
               <div class='dropmenu'>
@@ -37,13 +42,18 @@ function postMenu(args, content) {
                 </ul>
               </div>
               <span>${suffix}</span>
-            </div>`
+            </div>`;
   }
 }
 function postSubmenu(args, content) {
-  args = args.join(' ').split(',')
-  let text = args[0] || ''
-  let icon = args[1] || ''
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
+  const text = args[0] || '';
+  const icon = args[1] || '';
   if (icon.length > 0) {
     return `<li>
               <a class='menuitem'>
@@ -53,29 +63,34 @@ function postSubmenu(args, content) {
               <ul class='list-v'>
                 ${content}
               </ul>
-            </li>`
-  } else {
-    return `<li>
+            </li>`;
+  }
+  return `<li>
               <a class='menuitem'>${text}</a>
               <ul class='list-v'>
                 ${content}
               </ul>
-            </li>`
-  }
+            </li>`;
+
 }
 
 function postMenuItem(args) {
-  args = args.join(' ').split(',')
-  let text = args[0] || ''
-  let url = args[1] || ''
-  text = text.trim()
-  url = url.trim()
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
+  let text = args[0] || '';
+  let url = args[1] || '';
+  text = text.trim();
+  url = url.trim();
   if (url.length > 0) {
-    url = "href='" + url + "'"
+    url = 'href=\'' + url + '\'';
   }
-  let icon = ''
+  let icon = '';
   if (args.length > 2) {
-    icon = args[2].trim()
+    icon = args[2].trim();
   }
   if (url.length > 0) {
     if (icon.length > 0) {
@@ -84,19 +99,19 @@ function postMenuItem(args) {
                   <i class='${icon} fa-fw'></i>
                   ${text}
                 </a>
-              </li>`
-    } else {
-      return `<li>
+              </li>`;
+    }
+    return `<li>
                 <a class='menuitem' ${url} title='${text}'>
                   ${text}
                 </a>
-              </li>`
-    }
-  } else {
-    if (text == 'hr') {
-      return `<hr>`
-    }
+              </li>`;
+
   }
+  if (text == 'hr') {
+    return '<hr>';
+  }
+
 
 }
 

package/scripts/tags/fancybox.js

@@ -1,18 +1,52 @@
 'use strict';
 
+function renderImg(content) {
+  return `${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}`;
+}
+
+function buidAlt(alt) {
+  if (!!alt && alt !== 'image') {
+    return `<span class='image-caption'>${alt}</span>`
+  } else {
+    return '<span></span>';
+  }
+}
+
+function buidImgFancybox(content, group) {
+  let html = renderImg(content).trim();
+  if(html.startsWith('<p>') &&  html.endsWith('</p>')) {  // 去除无用的 p 标签包裹
+    html=html.substring(0, html.length-4).substring(3);
+  }
+
+  let imageTags = html.includes('image-caption') ? 'image' : undefined;
+  let imgList = html.match(/<img.*?>/g) || [];
+  imgList.forEach(item => {
+    const url = (item.match(/\ssrc=['"](.*?)['"]/) || [])[1];
+    const alt = (item.match(/\salt=['"](.*?)['"]/) || [])[1];
+    const newItem = item.replace('img', 'img fancybox itemprop="contentUrl"');  // 避免出现重复替换，打个标
+    const result = `<div class='fancybox'><a class='fancybox' pjax-fancybox itemscope itemtype="http://schema.org/ImageObject" itemprop="url" href='${url}' data-fancybox='${group}' data-caption='${alt}'>${newItem}</a>${buidAlt(imageTags || alt)}</div>`;
+    html = html.replace(item, result.trim());
+  })
+  return html;
+}
+
 function postFancybox(args, content) {
-  args = args.join(' ').split(',');
-  var cls = args[0];
-  var col = Number(args[1]) || 0;
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
+  const cls = args[0];
+  const col = Number(args[1]) || 0;
+  const group = (args[2] || 'default').trim();
+
   if (col > 0) {
-    return `<div class="gallery ${cls}" col='${col}'>
-              ${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}
-            </div>`;
-  } else {
-    return `<div class="gallery ${cls}">
-              ${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}
-            </div>`;
+    return `<div galleryFlag itemscope itemtype="http://schema.org/ImageGallery" class="gallery ${cls}" col='${col}' data-group='${group}'>${buidImgFancybox(content, group)}</div>`;
   }
+  return `<div galleryFlag itemscope itemtype="http://schema.org/ImageGallery" class="gallery ${cls}" data-group='${group}'>${buidImgFancybox(content, group)}</div>`;
 }
 
+
+
 hexo.extend.tag.register('gallery', postFancybox, {ends: true});

package/scripts/tags/folding.js

@@ -1,14 +1,19 @@
 'use strict';
 
 function postFolding(args, content) {
-  args = args.join(' ').split(',');
-  let style = ''
-  let title = ''
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
+  let style = '';
+  let title = '';
   if (args.length > 1) {
-    style = args[0].trim()
-    title = args[1].trim()
+    style = args[0].trim();
+    title = args[1].trim();
   } else if (args.length > 0) {
-    title = args[0].trim()
+    title = args[0].trim();
   }
   if (style != undefined) {
     return `<details ${style}><summary> ${title} </summary>
@@ -16,13 +21,13 @@ function postFolding(args, content) {
               ${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}
               </div>
             </details>`;
-  } else {
-    return `<details><summary> ${title} </summary>
+  }
+  return `<details><summary> ${title} </summary>
               <div class='content'>
               ${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}
               </div>
             </details>`;
-  }
+
 
 }
 

package/scripts/tags/frame.js

@@ -13,9 +13,14 @@
 // {% frame device | video=xxx | part=bottom %}
 // device: iphone11,
 hexo.extend.tag.register('frame', function(args) {
-  args = args.join(' ').split(' | ');
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(' | ');
+  }
   // 所有支持的参数
-  let device = args[0].trim();
+  const device = args[0].trim();
   let img = '';
   let video = '';
   let part = '';
@@ -23,7 +28,7 @@ hexo.extend.tag.register('frame', function(args) {
   // 解析
   if (args.length > 0) {
     for (let i = 0; i < args.length; i++) {
-      let tmp = args[i].trim();
+      const tmp = args[i].trim();
       if (tmp.includes('img=')) {
         img = tmp.substring(4, tmp.length);
       } else if (tmp.includes('video=')) {

package/scripts/tags/friends.js

@@ -0,0 +1,99 @@
+/**
+ * friends.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% friends [only:group1] [not:group2] %}
+ */
+
+'use strict';
+
+hexo.extend.tag.register('friends', function(args) {
+  args = hexo.args.map(args, ['only', 'not', 'repo', 'api']);
+  if (args.only) {
+    if(/::/g.test(args.only)){
+      args.only = args.only.split('::');
+    }else{
+      args.only = args.only.split(',');
+    }
+  }
+  if (args.not) {
+    if(/::/g.test(args.not)){
+      args.not = args.not.split('::');
+    }else{
+      args.not = args.not.split(',');
+    }
+  }
+  var friends = hexo.locals.get('data').friends;
+  if (friends == undefined) {
+    friends = {};
+  }
+  if (args.repo) {
+    friends = {
+      group: {
+        api: args.api,
+        repo: args.repo
+      }
+    }
+  }
+  var el = '<div class="tag-plugin users-wrap">';
+  function groupHeader(group) {
+    var header = '<div class="group-header">';
+    if (group.title) {
+      header += hexo.render.renderSync({text: group.title, engine: 'markdown'}).split('\n').join('');
+    }
+    if (group.description) {
+      header += hexo.render.renderSync({text: group.description, engine: 'markdown'}).split('\n').join('');
+    }
+    header += '</div>';
+    return header;
+  }
+  function cell(friend) {
+    if (friend.url && friend.title) {
+      var cell = '<div class="user-card">';
+      cell += '<a class="card-link" target="_blank" rel="external noopener noreferrer" href="' + friend.url + '">';
+      cell += '<img src="' + (friend.avatar || hexo.theme.config.default.avatar) + '" onerror="errorImgAvatar(this)"/>';
+      cell += '<div class="name"><span>' + friend.title + '</span></div>';
+      cell += '</a></div>'
+      return cell;
+    } else {
+      return '';
+    }
+  }
+  for (let groupId of Object.keys(friends)) {
+    function f() {
+      if (args.not && args.not.includes(groupId)) {
+        return;
+      }
+      if (groupId in friends) {
+        let group = friends[groupId];
+        if (group.title || group.description) {
+          el += groupHeader(group);
+        }
+        if (group.repo) {
+          el += '<div class="friendsjs-wrap"';
+          el += ' id="friends-api"';
+          el += ' api="' + (group.api || 'https://issues-api.vercel.app') + '/v1/' + group.repo + '"';
+          el += '>';
+          el += '<div class="loading-wrap"><svg class="loading" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709"><path d="M832 512c0-176-144-320-320-320V128c211.2 0 384 172.8 384 384h-64zM192 512c0 176 144 320 320 320v64C300.8 896 128 723.2 128 512h64z" p-id="2710"></path></svg><p></p></div>';
+          el += '<div class="group-body"></div>';
+          el += '</div>';
+        } else if (group.items) {
+          el += '<div class="group-body">';
+          group.items.forEach((friend, i) => {
+            el += cell(friend);
+          });
+          el += '</div>';
+        }
+      }
+    }
+    if (args.only) {
+      if (args.only.includes(groupId)) {
+        f();
+      }
+    } else {
+      f();
+    }
+  }
+  el += '</div>';
+  return el;
+});

package/scripts/tags/ghcard.js

@@ -7,23 +7,28 @@
 // {% ghcard volantis-x %}
 // {% ghcard volantis-x/hexo-theme-volantis %}
 hexo.extend.tag.register('ghcard', function(args) {
-  args = args.join(' ').split(', ');
-  let path = args[0].trim();
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
+  const path = args[0].trim();
   let card = '';
   card += '<a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/' + path + '">';
   let url = '';
   if (path.includes('/')) {
     // is repo
-    let ps = path.split('/');
-    url += 'https://github-readme-stats.vercel.app/api/pin/?username=' + ps[0] + "&repo=" + ps[1];
+    const ps = path.split('/');
+    url += 'https://github-readme-stats.vercel.app/api/pin/?username=' + ps[0] + '&repo=' + ps[1];
   } else {
     // is user
     url += 'https://github-readme-stats.vercel.app/api/?username=' + path;
   }
   if (args.length > 1) {
     for (let i = 1; i < args.length; i++) {
-      let tmp = args[i].trim();
-      url += "&" + tmp;
+      const tmp = args[i].trim();
+      url += '&' + tmp;
     }
   }
   if (!url.includes('&show_owner=')) {

package/scripts/tags/image.js

@@ -12,14 +12,19 @@
 // {% image url, alt=haha, width=400px %}
 // {% image url, alt=haha, width=400px, bg=#eee %}
 hexo.extend.tag.register('image', function(args) {
-  args = args.join(' ').split(', ');
-  let url = args[0].trim();
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
+  const url = args[0].trim();
   let alt = '';
   let bg = '';
   let style = '';
   if (args.length > 1) {
     for (let i = 1; i < args.length; i++) {
-      let tmp = args[i].trim();
+      const tmp = args[i].trim();
       if (tmp.includes('alt=')) {
         alt = tmp.substring(4, tmp.length);
       } else if (tmp.includes('width=')) {
@@ -36,6 +41,8 @@ hexo.extend.tag.register('image', function(args) {
     img += '<img class="img" src="' + url + '"';
     if (alt.length > 0) {
       img += ' alt="' + alt + '"';
+    } else {
+      img += ' alt="image"';
     }
     if (style.length > 0) {
       img += ' style="' + style + '"';
@@ -68,14 +75,19 @@ hexo.extend.tag.register('image', function(args) {
 // {% inlineimage url %}
 // {% inlineimage url, height=22px %}
 hexo.extend.tag.register('inlineimage', function(args) {
-  args = args.join(' ').split(', ');
-  let url = args[0].trim();
+  if(/::/g.test(args)){
+    args = args.join(' ').split('::');
+  }
+  else{
+    args = args.join(' ').split(',');
+  }
+  const url = args[0].trim();
   let ret = '';
   ret += '<img no-lazy class="inline" src="' + url + '"';
   let style = '';
   if (args.length > 1) {
     for (let i = 1; i < args.length; i++) {
-      let tmp = args[i].trim();
+      const tmp = args[i].trim();
       if (tmp.includes('height=')) {
         style += 'height:' + tmp.substring(7, tmp.length) + ';';
       }