hexo-theme-stellar 1.10.0 → 1.12.0

package/layout/_partial/sidebar/widgets/ghuser.ejs

@@ -3,17 +3,17 @@ var btns = [];
 btns.push({
   key: 'followers',
   desc: 'followers',
-  href: '?tab=followers'
+  tab: 'followers'
 });
 btns.push({
   key: 'following',
   desc: 'following',
-  href: '?tab=following'
+  tab: 'following'
 });
 btns.push({
   key: 'public_repos',
   desc: 'repos',
-  href: '?tab=repositories'
+  tab: 'repositories'
 });
 
 function layoutDiv() {
@@ -23,24 +23,18 @@ function layoutDiv() {
   }
 
   el += '<div class="widget-wrap" id="github-user">';
-  // header
-  if (item.header && item.header.length > 0) {
-    el += '<div class="widget-header cap dis-select">';
-    el += '<span class="name">' + item.header + '</span>';
-    el += '</div>';
-  }
   // body
   el += '<div class="widget-body stellar-ghinfo-api" api="' + item.api + '/users/' + item.username + '">';
     if (item.avatar) {
       el += '<div class="avatar" ><img no-lazy type="img" id="avatar_url" src="' + config.avatar + '"></div>';
     }
     // username
-    el += '<p class="username" type="text" id="name" href="https://github.com/' + item.username + '">&nbsp;</p>';
+    el += '<p class="username" ff="title" type="text" id="name">&nbsp;</p>';
     el += '<p class="bio" type="text" id="bio">&nbsp;</p>';
 
     el += '<div class="buttons">';
       btns.forEach((btn, i) => {
-        el += '<a class="btn" href="https://github.com/' + item.username + '' + btn.href + '">';
+        el += '<a class="btn" href="https://github.com/' + item.username + '?tab=' + btn.tab + '">';
         el += '<span class="title" type="text" id="' + btn.key + '">0</span>';
         el += '<span class="desc">' + btn.desc + '</span>';
         el += '</a>';
@@ -51,6 +45,10 @@ function layoutDiv() {
     el += '<svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1rem" height="1rem" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>';
     el += 'Follow';
     el += '</a>';
+    // menu
+    if (item.menu) {
+      el += partial('../menu', {where: 'sidebar'});
+    }
   el += '</div>';
   el += '</div>';
   return el;

package/layout/_partial/sidebar/widgets/markdown.ejs

@@ -5,7 +5,7 @@ function layoutDiv() {
     return el;
   }
   el += '<div class="widget-wrap" id="markdown">';
-    el += '<div class="widget-header cap dis-select">';
+    el += '<div class="widget-header cap theme dis-select">';
       el += '<span class="name">' + item.title + '</span>';
     el += '</div>';
     el += '<div class="widget-body fs14">';

package/layout/_partial/sidebar/widgets/recent.ejs

@@ -2,7 +2,7 @@
 function layoutDiv() {
   var el = '<div class="widget-wrap" id="recent">';
   // header
-  el += '<div class="widget-header cap dis-select">';
+  el += '<div class="widget-header cap theme dis-select">';
   el += '<span class="name">' + __("meta.recent_update") + '</span>';
   if (item.rss) {
     el += '<a class="cap-action" id="rss" title="Subscribe" href="' + item.rss + '">';
@@ -25,23 +25,20 @@ function layoutDiv() {
       return p.title && p.title.length > 0;
     });
   }
-  el += '<div class="widget-body fs14">';
+  el += '<div class="widget-body related-posts fs14">';
   arr.sort("updated", -1).limit(item.limit).each(function(post) {
-    el += '<div class="more-item">';
-    el += '<a class="title" href="' + url_for(post.link || post.path) + '">';
+    el += '<a class="item title" href="' + url_for(post.link || post.path) + '">';
+    el += '<span class="title">'
     if (post.layout == 'wiki') {
-      el += '<span>';
       let proj = theme.wiki.projects[post.wiki];
-      if (proj && proj.title) {
-        el += proj.title + __('symbol.colon');
+      if (proj && proj.name) {
+        el += proj.name + ' / ';
       } else if (post.wiki) {
-        el += post.wiki + __('symbol.colon');
+        el += post.wiki + ' / ';
       }
-      el += '</span>';
     }
-    el += post.title || post.seo_title || post.wiki;
+    el += (post.title || post.seo_title || post.wiki) + '</span>';
     el += '</a>';
-    el += '</div>';
     el += '';
   });
   el += '</div>';

package/layout/_partial/sidebar/widgets/{wiki_more.ejs → related.ejs}

@@ -16,21 +16,21 @@ function layoutDiv() {
   var el = '';
   if (related.length > 0) {
     el += '<div class="widget-wrap" id="related">';
-    el += '<div class="widget-header cap dis-select">';
+    el += '<div class="widget-header cap theme dis-select">';
     var title = __('btn.wiki');
     if (proj.tags && proj.tags[0]) {
       title = proj.tags[0];
     }
     el += '<span class="name">' + __('meta.more', title) + '</span>';
     el += '</div>';
-    el += '<div class="widget-body fs14">';
+    el += '<div class="widget-body related-posts">';
     related.forEach((p, i) => {
       // 同一个分组中的其它项目
-      el += '<a class="more-item wiki" href="' + url_for(p.homepage.path) + '">';
-      el += p.title;
-      el += '<div class="excerpt">';
-      el += p.description;
-      el += '</div>';
+      el += '<a class="item wiki" href="' + url_for(p.homepage.path) + '">';
+      el += '<span class="title">' + p.title + '</span>';
+      if (p.description && p.description.length > 0) {
+        el += '<span class="excerpt">' + p.description + '</span>';
+      }
       el += '</a>';
     });
     el += '</div>';

package/layout/_partial/sidebar/widgets/tagcloud.ejs

@@ -0,0 +1,24 @@
+<%
+function layoutDiv() {
+  var el = '';
+  if (site.tags == undefined || site.tags.length == 0) {
+    return el;
+  }
+  var opts = Object.assign({}, item);
+  delete opts['title'];
+  delete opts['layout'];
+  opts.class = 'tag ';
+  el += '<div class="widget-wrap" id="tagcloud">';
+    if (item.title) {
+      el += '<div class="widget-header cap theme dis-select">';
+      el += '<span class="name">' + item.title + '</span>';
+      el += '</div>';
+    }
+    el += '<div class="widget-body fs14">';
+      el += tagcloud(site.tags, opts);
+    el += '</div>';
+  el += '</div>';
+  return el;
+}
+%>
+<%- layoutDiv() %>

package/layout/_partial/sidebar/widgets/timeline.ejs

@@ -0,0 +1,27 @@
+<%
+function layoutDiv() {
+  var el = '';
+  if (item.api == undefined) {
+    return el;
+  }
+  el += '<div class="widget-wrap" id="timeline">';
+    if (item.title) {
+      el += '<div class="widget-header cap theme dis-select">';
+      el += '<span class="name">' + item.title + '</span>';
+      el += '</div>';
+    }
+    el += '<div class="widget-body fs14">';
+      el += '<div class="tag-plugin timeline stellar-timeline-api"';
+      ['api', 'user'].forEach(key => {
+        if (item[key]) {
+          el += ' ' + key + '="' + item[key] + '"';
+        }
+      });
+      el += '>';
+      el += '</div>';
+    el += '</div>';
+  el += '</div>';
+  return el;
+}
+%>
+<%- layoutDiv() %>

package/layout/_partial/sidebar/widgets/toc.ejs

@@ -15,11 +15,7 @@ function layoutToc() {
 function layoutTocHeader(title) {
   var el = '';
   el += '<div class="widget-header cap dis-select">';
-  if (title) {
-    el += '<span class="name">' + title + '</span>';
-  } else {
-    el += '<span class="name">' + __("meta.toc") + '</span>';
-  }
+  el += '<span class="name">' + (title || page.title || __("meta.toc")) + '</span>';
   el += '</div>';
   return el;
 }
@@ -92,7 +88,7 @@ function layoutDiv(fallback) {
     }
     el += '</div>';
   } else if (item.fallback) {
-    el += partial(item.fallback, {item: theme.sidebar.widgets[item.fallback]});
+    el += partial(item.fallback, {item: theme.data.widgets[item.fallback]});
   }
   return el;
 }

package/layout/index.ejs

@@ -13,7 +13,7 @@ if (page.title && page.wiki) {
 function layout_post_card(layout, post, content) {
   var el = '';
   var layout = layout;
-  if (layout == 'post' && post.cover != undefined && post.cover_info != undefined) {
+  if (layout == 'post' && post['cover'] != undefined && post['cover-title'] != undefined) {
     layout += ' photo';
   }
   el += '<a class="post-card ' + layout + ' ' + scrollreveal() + '" href="' + url_for(post.link || post.path) + '">';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-stellar",
-  "version": "1.10.0",
+  "version": "1.12.0",
   "description": "Elegant and powerful theme for Hexo.",
   "main": "package.json",
   "scripts": {

package/scripts/events/lib/config.js

@@ -1,10 +1,14 @@
 /**
  * 部分代码借鉴自 NexT:
  * https://github.com/next-theme/hexo-theme-next/blob/master/scripts/events/lib/config.js
+ * Volantis:
+ * https://github.com/volantis-x/hexo-theme-volantis/blob/master/scripts/events/lib/cdn.js
  */
 
 'use strict';
 
+const path = require('path');
+
 module.exports = hexo => {
 
   const { cache, language_switcher } = hexo.theme.config;
@@ -25,23 +29,35 @@ module.exports = hexo => {
 
   // merge data
   const data = hexo.locals.get('data');
+  // merge widgets
+  var widgets = hexo.render.renderSync({ path: path.join(hexo.theme_dir, '_data/widgets.yml'), engine: 'yaml' });
   if (data.widgets) {
-    for (let id of Object.keys(data.widgets)) {
-      hexo.theme.config.sidebar.widgets[id] = data.widgets[id];
+    for (let i of Object.keys(data.widgets)) {
+      let widget = data.widgets[i];
+      if (widget == null || widget.length == 0) {
+        // delete
+        delete widgets[i];
+      } else {
+        // create
+        if (widgets[i] == null) {
+          widgets[i] = widget;
+        } else {
+          // merge
+          for (let j of Object.keys(widget)) {
+            widgets[i][j] = widget[j];
+          }
+        }
+      }
     }
   }
+  if (hexo.theme.config.data == undefined) {
+    hexo.theme.config.data = {};
+  }
+  hexo.theme.config.data['widgets'] = widgets;
 
   // default menu
   if (hexo.theme.config.sidebar.menu == undefined) {
     hexo.theme.config.sidebar.menu = [];
   }
-  // default widgets
-  if (hexo.theme.config.sidebar.widgets.repo_info == undefined) {
-    hexo.theme.config.sidebar.widgets.repo_info = {layout: 'repo_info'};
-  }
-  if (hexo.theme.config.sidebar.widgets.wiki_more == undefined) {
-    hexo.theme.config.sidebar.widgets.wiki_more = {layout: 'wiki_more'};
-  }
-
 
 };

package/scripts/events/lib/doc_tree.js

@@ -77,6 +77,9 @@ module.exports = hexo => {
     if (proj.title == undefined || proj.title.length === 0) {
       proj.title = id;
     }
+    if (proj.name == undefined || proj.name.length == 0) {
+      proj.name = id;
+    }
   }
   // 补充 order
   wiki_pages.forEach((p, i) => {

package/scripts/helpers/related_posts.js

@@ -25,58 +25,30 @@ hexo.extend.helper.register('popular_posts_wrapper', function(args){
 
   const posts = this.site.posts;
   const root = this.config.root;
-  function generateHTML(list){
 
+  function listItem(obj){
     var el = '';
-    el += '<a class="item" href="' + list.path + '" title="' + list.title + '">';
+    el += '<a class="item" href="' + obj.path + '" title="' + obj.title + '">';
     var p = posts.filter(function(p) {
-      return root + p.path == list.path;
+      return root + p.path == obj.path;
     });
     if (p && p.length > 0) {
       p = p.data[0];
     }
-    if (p) {
-      if (p.cover) {
-        if (p.cover.includes('/')) {
-          list.img = p.cover;
-        } else {
-          list.img = 'https://source.unsplash.com/1280x640/?' + p.cover;
-        }
-      } else if (cfg.auto_cover && p.tags && p.tags.length > 0) {
-        var params = '';
-        p.tags.reverse().forEach((tag, i) => {
-          if (i > 0) {
-            params += ',';
-          }
-          params += tag.name;
-        });
-        list.img = 'https://source.unsplash.com/1280x640/?' + params;
-      }
-    }
-    if (hexo.theme.config.default.cover) {
-      el += '<div class="img">'
-      if (list.img && list.img != "") {
-        el += '<img src="' + list.img + '" />';
-      } else {
-        el += '<img src="' + hexo.theme.config.default.cover + '" />';
-      }
-      el += '</div>';
+    el += '<span class="title">' + obj.title + '</span>';
+    if (obj.excerpt && obj.excerpt.length > 0) {
+      el += '<span class="excerpt">' + util.truncate(util.stripHTML(obj.excerpt), {length: 120}) + '</span>';
     }
-
-    el += '<span class="title">' + list.title + '</span>';
-
-    if (list.excerpt && list.excerpt.length > 0) {
-      el += '<span class="excerpt">' + util.truncate(util.stripHTML(list.excerpt), {length: 120}) + '</span>';
-    }
-
     el +=  '</a>';
     return el;
   }
 
-  for(var i = 0; i < json.length; i++) {
-    returnHTML += generateHTML(json[i]);
+  if (json.length > 0) {
+      for(var i = 0; i < json.length; i++) {
+        returnHTML += listItem(json[i]);
+      }
   }
-
+  
   if (returnHTML != "") returnHTML = "<div class=\"" + cls + "\">" + returnHTML + "</div>";
   div += returnHTML;
   div += '</section>';

package/scripts/tags/about.js

@@ -8,21 +8,24 @@
  */
 
 'use strict';
+const url_for = require('hexo-util').url_for.bind(hexo);
 
 hexo.extend.tag.register('about', function(args, content) {
-  args = hexo.args.map(args, ['avatar', 'height', 'border']);
+  args = hexo.args.map(args, ['avatar', 'height', 'border', 'back']);
   var rows = hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n');
   var el = '';
   // wrapper
   el += '<div class="tag-plugin about">';
-  el += '<div class="about-header">';
+  if (args.back) {
+    el += '<a class="nav-back cap" href="' + url_for(hexo.config.root) + '">';
+    el += '<svg aria-hidden="true" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M7.78 12.53a.75.75 0 01-1.06 0L2.47 8.28a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L4.81 7h7.44a.75.75 0 010 1.5H4.81l2.97 2.97a.75.75 0 010 1.06z"></path></svg>';
+    el += '</a>';
+  }
   // avatar
   var avatar_url = args.avatar;
-  if (args.avatar === undefined) {
-     avatar_url = hexo.config.avatar;
-  }
   if (avatar_url) {
-    el += '<div class="avatar">'
+    el += '<div class="about-header">';
+    el += '<div class="avatar">';
     el += '<img src="' + avatar_url + '"';
     if (args.border && args.border.length > 0) {
       el += ' style="border-radius:' + args.border + '"';
@@ -32,8 +35,8 @@ hexo.extend.tag.register('about', function(args, content) {
     }
     el += '/>';
     el += '</div>';
+    el += '</div>';
   }
-  el += '</div>';
 
   // content
   el += '<div class="about-body fs14">';

package/scripts/tags/{grid.js → border.js}

@@ -1,15 +1,15 @@
 /**
- * grid.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * border.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
  * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
  *
- * {% grid [color:color] [child:codeblock/tabs] title %}
+ * {% border [color:color] [child:codeblock/tabs] title %}
  * body
- * {% endgrid %}
+ * {% endborder %}
  */
 
 'use strict';
 
-hexo.extend.tag.register('grid', function(args, content) {
+hexo.extend.tag.register('border', function(args, content) {
   args = hexo.args.map(args, ['color', 'child'], ['title']);
   const color = args.color;
   const title = args.title;

package/scripts/tags/folders.js

@@ -0,0 +1,55 @@
+/**
+ * folders.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% folders [color:white] %}
+ * <!-- folder title 1 -->
+ * body 1
+ * <!-- folder title 2 -->
+ * body 2
+ * {% endtable %}
+ */
+
+'use strict';
+
+hexo.extend.tag.register('folders', function(args, content) {
+  args = hexo.args.map(args, ['color']);
+  var el = '';
+  el += '<div class="tag-plugin folders"';
+  el += ' ' + hexo.args.joinTags(args, ['color']).join(' ');
+  el += '>';
+  
+  var arr = content.split(/<!--\s*(.*?)\s*-->/g).filter((item, i) => {
+    return item.trim().length > 0;
+  });
+  if (arr.length > 0) {
+    var nodes = [];
+    arr.forEach((item, i) => {
+      if (item.startsWith('folder ')) {
+        nodes.push({
+          header: item.substring(7)
+        });
+      } else if (nodes.length > 0) {
+        var node = nodes[nodes.length-1];
+        if (node.body == undefined) {
+          node.body = item;
+        } else {
+          node.body += '\n' + item;
+        }
+      }
+    });
+    nodes.forEach((node, i) => {
+      el += '<details class="folder" index="' + (i) + '">';
+      // summary
+      el += '<summary><span>' + (node.header || '') + '</span></summary>';
+      // content
+      el += '<div class="body">';
+      el += hexo.render.renderSync({text: node.body, engine: 'markdown'}).split('\n').join('');
+      el += '</div></details>';
+    });  
+  }
+
+  el += '</div>';
+  
+  return el;
+}, {ends: true});

package/scripts/tags/link.js

@@ -2,7 +2,7 @@
  * link.js v1.1 | https://github.com/xaoxuu/hexo-theme-stellar/
  * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
  *
- * {% link url title [description] [icon:src] %}
+ * {% link url [title] [desc:true/false] [icon:src] %}
  */
 
 'use strict';
@@ -11,11 +11,11 @@ var util = require('hexo-util');
 const full_url_for = require('hexo-util').full_url_for.bind(hexo);
 
 hexo.extend.tag.register('link', function(args) {
-  args = hexo.args.map(args, ['icon'], ['url', 'title', 'description']);
+  args = hexo.args.map(args, ['icon', 'desc'], ['url', 'title']);
 
   var el = '';
   el += '<div class="tag-plugin link dis-select">';
-  el += '<a class="link-card' + (args.description ? ' rich' : ' plain') + '" title="' + args.title + '" href="' + args.url + '"';
+  el += '<a class="link-card' + (args.desc ? ' rich' : ' plain') + '" title="' + args.title + '" href="' + args.url + '"';
   if (args.url.includes('://')) {
     el += ' target="_blank" rel="external nofollow noopener noreferrer"';
   }
@@ -31,17 +31,19 @@ hexo.extend.tag.register('link', function(args) {
     return el;
   }
   function loadTitle() {
-    return '<span class="title">' + args.title + '</span>';
+    return '<span class="title">' + (args.title || args.url) + '</span>';
   }
   function loadDesc() {
-    return '<span class="desc fs12">' + (args.description || full_url_for(args.url)) + '</span>';
+    return '<span class="cap desc fs12"></span>';
+  }
+  function loadLink() {
+    return '<span class="cap link fs12">' + full_url_for(args.url) + '</span>';
   }
 
-  if (args.description) {
+  if (args.desc) {
     // top
     el += '<div class="top">';
-    el += loadIcon();
-    el += '<span class="desc fs12">' + full_url_for(args.url) + '</span>';
+    el += loadIcon() + loadLink();
     el += '</div>';
     // bottom
     el += '<div class="bottom">';
@@ -50,7 +52,7 @@ hexo.extend.tag.register('link', function(args) {
   } else {
     // left
     el += '<div class="left">';
-    el += loadTitle() + loadDesc();
+    el += loadTitle() + loadLink();
     el += '</div>';
     // right
     el += '<div class="right">';

package/scripts/tags/navbar.js

@@ -49,7 +49,7 @@ hexo.extend.tag.register('navbar', function(args) {
     el += '</a>';
     return el;
   }
-  args.links.forEach((item, i) => {
+  (args.links || []).forEach((item, i) => {
     el += layoutItem(item, i);
   });
   el += '</nav></div>';

package/scripts/tags/sites.js

@@ -43,7 +43,7 @@ hexo.extend.tag.register('sites', function(args) {
     if (site.url && site.title) {
       var cell = '<div class="site-card">';
       cell += '<a class="card-link" target="_blank" rel="external nofollow noopener noreferrer" href="' + site.url + '">';
-      cell += '<img src="' + (site.screenshot || ('https://image.thum.io/get/width/1024/crop/768/' + site.url)) + '" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;' + hexo.theme.config.default.cover + '&quot;;"/>';
+      cell += '<img src="' + (site.screenshot || ('https://screenshot-api.xaoxuu.com/api?url=' + site.url + '&width=1280&height=720')) + '" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;' + hexo.theme.config.default.cover + '&quot;;"/>';
       cell += '<div class="info">';
       cell += '<img src="' + (site.avatar || hexo.theme.config.default.link) + '" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;' + hexo.theme.config.default.link + '&quot;;"/>';
       cell += '<span class="title">' + site.title + '</span>';

package/scripts/tags/split.js

@@ -0,0 +1,51 @@
+/**
+ * split.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% split [style:block/card] %}
+ * <!-- cell -->
+ * left body
+ * <!-- cell -->
+ * right body
+ * {% endsplit %}
+ */
+
+'use strict';
+
+hexo.extend.tag.register('split', function(args, content) {
+  args = hexo.args.map(args, ['bg']);
+  var el = '';
+  el += '<div class="tag-plugin split"';
+  el += ' ' + hexo.args.joinTags(args, ['bg']).join(' ');
+  el += '>';
+  
+  var arr = content.split(/<!--\s*(.*?)\s*-->/g).filter((item, i) => {
+    return item.trim().length > 0;
+  });
+  if (arr.length > 0) {
+    var nodes = [];
+    arr.forEach((item, i) => {
+      if (item == 'cell') {
+        nodes.push({
+          header: ''
+        });
+      } else if (nodes.length > 0) {
+        var node = nodes[nodes.length-1];
+        if (node.body == undefined) {
+          node.body = item;
+        } else {
+          node.body += '\n' + item;
+        }
+      }
+    });
+    nodes.forEach((node, i) => {
+      el += '<div class="cell" index="' + (i) + '">';
+      el += hexo.render.renderSync({text: node.body, engine: 'markdown'}).split('\n').join('');
+      el += '</div>';
+    });  
+  }
+
+  el += '</div>';
+
+  return el;
+}, {ends: true});

package/scripts/tags/timeline.js

@@ -36,11 +36,13 @@ function layoutNodeContent(content) {
 
 
 function postTimeline(args, content) {
-  args = hexo.args.map(args, ['api']);
+  args = hexo.args.map(args, ['api', 'user']);
   var el = '';
 
   if (args.api && args.api.length > 0) {
-    el += '<div class="tag-plugin timeline stellar-timeline-api" api="' + args.api + '">';
+    el += '<div class="tag-plugin timeline stellar-timeline-api"';
+    el += ' ' + hexo.args.joinTags(args, ['api', 'user']).join(' ');
+    el += '>';
   } else {
     el += '<div class="tag-plugin timeline">';
   }