hexo-theme-stellar 1.18.0 → 1.18.2

package/README.md

@@ -2,7 +2,7 @@
 
 Stellar 是一个内置文档系统的简约商务风 Hexo 主题，支持丰富的标签和动态数据组件，请配合 [文档](https://xaoxuu.com/wiki/stellar/) 使用。
 
-[![Star History Chart](https://api.star-history.com/svg?repos=xaoxuu/hexo-theme-stellar&type=Date)](https://star-history.com/#xaoxuu/hexo-theme-stellar&Date)
+[![Stargazers over time](https://starchart.cc/xaoxuu/hexo-theme-stellar.svg)](https://starchart.cc/xaoxuu/hexo-theme-stellar)
 
 
 ## Getting Started
@@ -12,7 +12,7 @@ Check your environment:
 ```yaml
 Hexo: 5.4.0 ~ 6.3.0
 hexo-cli: 4.3.0 ~ latest
-node.js: 14.17.3 ～ 18.12.0
+node.js: 14.17.3 ~ 18.12.0
 npm: 6.14.13 ~ 8.19.2
 ```
 

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.18.0'
+  version: '1.18.2'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   cdn_css: # Use cdn links instead of /css/main.css
@@ -84,7 +84,7 @@ search:
 
 ######## Comments ########
 comments:
-  service: # beaudar, utterances, twikoo, waline
+  service: # beaudar, utterances, giscus, twikoo, waline, artalk
   # beaudar
   # https://beaudar.lipk.org/
   beaudar:
@@ -128,22 +128,18 @@ comments:
   twikoo:
     js: https://fastly.jsdelivr.net/npm/twikoo@1.4.0/dist/twikoo.all.min.js # 建议锁定版本
     envId: https://xxx # vercel函数
+  
+  # Waline
+  # https://waline.js.org/
   waline:
     js: https://unpkg.com/@waline/client@v2/dist/waline.js
     css: https://unpkg.com/@waline/client@v2/dist/waline.css
     # Waline server address url, you should set this to your own link
     serverURL:
-
     # If false, comment count will only be displayed in post page, not in home page
     commentCount: true
-
     # Pageviews count, Note: You should not enable both `waline.pageview` and `leancloud_visitors`.
     pageview: false
-
-    # Custom locales
-    # locale:
-    #   placeholder: Welcome to comment # Comment box placeholder
-
     # Custom emoji
     # emoji:
     #   - https://unpkg.com/@waline/emojis@1.1.0/weibo
@@ -153,28 +149,16 @@ comments:
     #   - https://unpkg.com/@waline/emojis@1.1.0/tieba
     #   - https://unpkg.com/@waline/emojis@1.1.0/tw-emoji
     #   - https://unpkg.com/@waline/emojis@1.1.0/bmoji
+  
+  # Artalk
+  # https://artalk.js.org/
+  artalk:
+    css: https://unpkg.com/artalk@2.4.3/dist/Artalk.css
+    js: https://unpkg.com/artalk@2.4.3/dist/Artalk.js 
+    server: # 后端服务地址
+    placeholder: ''
+    darkMode: auto
 
-    # Comment infomation, valid meta are nick, mail and link
-    # meta:
-    #   - nick
-    #   - mail
-    #   - link
-
-    # Set required meta field, e.g.: [nick] | [nick, mail]
-    # requiredMeta:
-    #   - nick
-
-    # Language, available values: en-US, zh-CN, zh-TW, pt-BR, ru-RU, jp-JP
-    # lang: zh-CN
-
-    # Word limit, no limit when setting to 0
-    # wordLimit: 0
-
-    # Whether enable login, can choose from 'enable', 'disable' and 'force'
-    # login: enable
-
-    # comment per page
-    # pageSize: 10
 
 ######## Footer ########
 footer:
@@ -213,9 +197,10 @@ footer:
 
 ######## Tag Plugins ########
 tag_plugins:
-  # {% note text %}
+  # {% ablock %} / {% note %}
   note:
     default_color: '' # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
+    border: true # true / false
   # {% checkbox %}
   checkbox:
     interactive: false # enable interactive for user
@@ -304,8 +289,8 @@ plugins:
   # swiper
   swiper:
     enable: true
-    css: https://unpkg.com/swiper@6/swiper-bundle.min.css
-    js: https://unpkg.com/swiper@6/swiper-bundle.min.js
+    css: https://unpkg.com/swiper@8/swiper-bundle.min.css
+    js: https://unpkg.com/swiper@8/swiper-bundle.min.js
 
 
   # 赫蹏 (Heti) - 专为中文网页内容设计的排版样式增强
@@ -335,12 +320,22 @@ plugins:
 style:
   darkmode: auto # auto / always / false
   smooth_scroll: true # true / false
-  font-size: 16px
+  font-size:
+    root: 16px
+    body: .9375rem # 15px
+    code: 85% # 14px
+    codeblock: 0.8125rem # 13px
   font-family:
     logo: 'system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto, Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif'
     body: 'system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto, Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif'
     code: 'Menlo, Monaco, Consolas, system-ui, "Courier New", monospace, sans-serif'
+    codeblock: 'Menlo, Monaco, Consolas, system-ui, "Courier New", monospace, sans-serif'
   text-align: left
+  border-radius:
+    card: 12px
+    block: 12px
+    bar: 6px
+    image: 6px
   color:
     # 动态颜色（会根据明暗主题重设明度值，只用关心色相和饱和度即可）
     background: 'hsl(212 16% 98%)' # 浅色背景颜色
@@ -362,6 +357,9 @@ style:
   loading:
     loading: 正在加载
     error: 加载失败，请稍后重试。
+  gradient: # https://webgradients.com/
+    start: 'linear-gradient(to right, #92fe9d 0%, #00c9ff 50%, #92fe9d 100%)'
+    search: 'linear-gradient(to right, #04F3FF, #08FFC6, #DDF730, #FFBD19, #FF1FE0, #C418FF, #04F3FF)'
 
 default:
   avatar: https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/avatar/round/3442075.svg

package/layout/404.ejs

@@ -16,6 +16,6 @@ page.robots = 'none';
     <%- __('page.error.why') %>
   </p>
   <br><br>
-  <a class='button theme' id='back' href="<%- config.root %>"><%- __('page.error.action') %></a>
+  <a class='button' id='back' href="<%- config.root %>"><%- __('page.error.action') %></a>
 </article>
 <%- partial('_partial/plugins/comments/layout') %>

package/layout/_partial/cover/wiki_cover.ejs

@@ -39,7 +39,7 @@ function layoutWikiCover() {
     el += '<div class="description">' + desc + '</div>';
   }
   el += '<div class="start-wrap">';
-  el += '<a class="button theme start" href="#start">' + (proj.start || __('btn.getting_started')) + '</a>';
+  el += '<a class="button start gradient" href="#start">' + (proj.start || __('btn.getting_started')) + '</a>';
   el += '</div>';
   el += '</article>';
   el += '</div>';

package/layout/_partial/plugins/comments/artalk/layout.ejs

@@ -0,0 +1,19 @@
+<%
+function layoutDiv() {
+  var el = '';
+  el += '<div id="artalk_container"';
+  let cfg = {};
+  if (page.comment_id) {
+    cfg['comment_id'] = page.comment_id;
+  }
+  for (let key of Object.keys(cfg)) {
+    if (cfg[key]) {
+      el += ' ' + key + '="' + cfg[key] + '"';
+    }
+  }
+  el += '><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></div>';
+  return el;
+}
+%>
+
+<%- layoutDiv() %>

package/layout/_partial/plugins/comments/artalk/script.ejs

@@ -0,0 +1,25 @@
+<script>
+  function load_artalk() {
+    if (!document.querySelectorAll("#artalk_container")[0]) return;
+    stellar.loadCSS('<%- theme.comments.artalk.css %>');
+    stellar.loadScript('<%- theme.comments.artalk.js %>', {defer: true}).then(function () {
+      const el = document.getElementById("artalk_container");
+      var path = el.getAttribute('comment_id');
+      if (!path) {
+        path = decodeURI(window.location.pathname);
+      }
+      var artalk = new Artalk({
+        el: '#artalk_container',
+        pageKey: path,
+        pageTitle: '<%= page.title || page.seo_title %>',
+        server: '<%= theme.comments.artalk.server %>',
+        placeholder: '<%= theme.comments.artalk.placeholder %>',
+        site: '<%= config.title %>',
+        darkMode: '<%= theme.comments.artalk.darkMode %>'
+        })
+      });
+  }
+  window.addEventListener('DOMContentLoaded', (event) => {
+    load_artalk();
+  });
+</script>

package/layout/_partial/plugins/comments/layout.ejs

@@ -32,11 +32,11 @@ page.cmt = cmt;
 %>
 <% if (loadComment) { %>
   <div class='related-wrap md-text reveal' id="comments">
-    <div class='cmt-title cap theme'>
+    <section class='header cmt-title cap theme'>
       <%- page.comment_title != undefined ? markdown(page.comment_title) : __('meta.comment_title') %>
-    </div>
-    <div class='cmt-body <%- cmt.service %>'>
+    </section>
+    <section class='body cmt-body <%- cmt.service %>'>
       <%- partial(cmt.service + '/layout') %>
-    </div>
+    </section>
   </div>
 <% } %>

package/layout/_partial/scripts/index.ejs

@@ -1,5 +1,5 @@
 <script type="text/javascript">
-  stellar = {
+  const stellar = {
     // 懒加载 css https://github.com/filamentgroup/loadCSS
     loadCSS: (href, before, media, attributes) => {
       var doc = window.document;

package/layout/_partial/widgets/toc.ejs

@@ -63,7 +63,7 @@ function layoutDiv(fallback) {
 
   var el = '';
   if (type.length > 0) {
-    el += '<widget class="widget-wrapper toc ' + type + '" id="toc">';
+    el += '<widget class="widget-wrapper toc ' + type + '" id="data-toc">';
     if (page.layout !== 'wiki') {
       // post 布局
       el += layoutTocHeader(page.toc_title);

package/package.json

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

package/scripts/tags/index.js

@@ -2,10 +2,36 @@
 
 'use strict';
 
-const postTabs = require('./lib/tabs')(hexo);
-hexo.extend.tag.register('tabs', postTabs, true);
-hexo.extend.tag.register('subtabs', postTabs, true);
-hexo.extend.tag.register('subsubtabs', postTabs, true);
+// container
+hexo.extend.tag.register('tabs', require('./lib/tabs')(hexo), true)
+hexo.extend.tag.register('ablock', require('./lib/ablock')(hexo), true)
+hexo.extend.tag.register('about', require('./lib/about')(hexo), true)
+hexo.extend.tag.register('folding', require('./lib/folding')(hexo), true)
+hexo.extend.tag.register('folders', require('./lib/folders')(hexo), true)
+hexo.extend.tag.register('grid', require('./lib/grid')(hexo), true)
+hexo.extend.tag.register('swiper', require('./lib/swiper')(hexo), true)
 
-const users = require('./lib/users')(hexo);
-hexo.extend.tag.register('users', users);
+// data
+hexo.extend.tag.register('users', require('./lib/friends')(hexo))
+hexo.extend.tag.register('friends', require('./lib/friends')(hexo))
+hexo.extend.tag.register('sites', require('./lib/sites')(hexo))
+hexo.extend.tag.register('ghcard', require('./lib/ghcard')(hexo))
+hexo.extend.tag.register('toc', require('./lib/toc')(hexo))
+hexo.extend.tag.register('timeline', require('./lib/timeline')(hexo), {ends: true})
+
+// express
+hexo.extend.tag.register('checkbox', require('./lib/checkbox')(hexo, 'checkbox'))
+hexo.extend.tag.register('radio', require('./lib/checkbox')(hexo, 'radio'))
+hexo.extend.tag.register('copy', require('./lib/copy')(hexo))
+hexo.extend.tag.register('emoji', require('./lib/emoji')(hexo))
+hexo.extend.tag.register('frame', require('./lib/frame')(hexo))
+hexo.extend.tag.register('image', require('./lib/image')(hexo))
+hexo.extend.tag.register('link', require('./lib/link')(hexo))
+hexo.extend.tag.register('mark', require('./lib/mark')(hexo))
+hexo.extend.tag.register('navbar', require('./lib/navbar')(hexo))
+hexo.extend.tag.register('note', require('./lib/note')(hexo))
+hexo.extend.tag.register('poetry', require('./lib/poetry')(hexo), true)
+hexo.extend.tag.register('quot', require('./lib/quot')(hexo))
+hexo.extend.tag.register('tag', require('./lib/tag')(hexo))
+
+// others

package/scripts/tags/inline-labels.js

@@ -5,40 +5,40 @@
  * {% psw 这是密码 %}
  */
 
-'use strict';
+'use strict'
 
 
 hexo.extend.tag.register('u', function(args) {
-  return `<u>${args.join(' ')}</u>`;
-});
+  return `<u>${args.join(' ')}</u>`
+})
 hexo.extend.tag.register('emp', function(args) {
-  return `<emp>${args.join(' ')}</emp>`;
-});
+  return `<emp>${args.join(' ')}</emp>`
+})
 hexo.extend.tag.register('wavy', function(args) {
-  return `<wavy>${args.join(' ')}</wavy>`;
-});
+  return `<wavy>${args.join(' ')}</wavy>`
+})
 hexo.extend.tag.register('del', function(args) {
-  return `<del>${args.join(' ')}</del>`;
-});
+  return `<del>${args.join(' ')}</del>`
+})
 hexo.extend.tag.register('kbd', function(args) {
-  return `<kbd>${args.join(' ')}</kbd>`;
-});
+  return `<kbd>${args.join(' ')}</kbd>`
+})
 hexo.extend.tag.register('psw', function(args) {
-  return `<psw>${args.join(' ')}</psw>`;
-});
+  return `<psw>${args.join(' ')}</psw>`
+})
 hexo.extend.tag.register('sup', function(args) {
-  args = hexo.args.map(args, ['color'], ['text']);
-  var el = '';
-  el += '<sup class="tag-plugin sup"' + ' ' + hexo.args.joinTags(args, ['color']).join(' ') + '>';
-  el += args.text;
-  el += '</sup>';
-  return el;
-});
+  args = hexo.args.map(args, ['color'], ['text'])
+  var el = ''
+  el += '<sup class="tag-plugin sup"' + ' ' + hexo.args.joinTags(args, ['color']).join(' ') + '>'
+  el += args.text
+  el += '</sup>'
+  return el
+})
 hexo.extend.tag.register('sub', function(args) {
-  args = hexo.args.map(args, ['color'], ['text']);
-  var el = '';
-  el += '<sub class="tag-plugin sub"' + ' ' + hexo.args.joinTags(args, ['color']).join(' ') + '>';
-  el += args.text;
-  el += '</sub>';
-  return el;
-});
+  args = hexo.args.map(args, ['color'], ['text'])
+  var el = ''
+  el += '<sub class="tag-plugin sub"' + ' ' + hexo.args.joinTags(args, ['color']).join(' ') + '>'
+  el += args.text
+  el += '</sub>'
+  return el
+})

package/scripts/tags/lib/ablock.js

@@ -0,0 +1,33 @@
+/**
+ * ablock.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% ablock [color:color] [child:codeblock/tabs] title %}
+ * body
+ * {% endablock %}
+ */
+
+'use strict';
+
+module.exports = ctx => function(args, content) {
+  args = ctx.args.map(args, ['color', 'child'], ['title'])
+  const { title } = args
+  if (args.color == null) {
+    args.color = ctx.theme.config.tag_plugins.note.default_color
+  }
+  var el = ''
+  // header
+  el += '<div class="tag-plugin note"'
+  el += ' ' + ctx.args.joinTags(args, ['color', 'child']).join(' ')
+  el += '>'
+  // title
+  if (title && title.length > 0) {
+    el += '<div class="title"><strong>' + title + '</strong></div>'
+  }
+  // content
+  el += '<div class="body">'
+  el += ctx.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')
+  el += '</div></div>'
+
+  return el
+}

package/scripts/tags/lib/about.js

@@ -0,0 +1,48 @@
+/**
+ * about.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% about [avatar:xxx] [height:80px] %}
+ * title / body
+ * {% endabout %}
+ */
+
+'use strict';
+
+module.exports = ctx => function(args, content) {
+  const url_for = require('hexo-util').url_for.bind(ctx)
+  args = ctx.args.map(args, ['avatar', 'height', 'border', 'back'])
+  var rows = ctx.render.renderSync({text: content, engine: 'markdown'}).split('\n')
+  var el = ''
+  // wrapper
+  el += '<div class="tag-plugin about">'
+  if (args.back) {
+    el += '<a class="nav-back cap" href="' + url_for(ctx.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 (avatar_url) {
+    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 + '"'
+    }
+    if (args.height && args.height.length > 0) {
+      el += ' height="' + args.height + '"'
+    }
+    el += '/>'
+    el += '</div>'
+    el += '</div>'
+  }
+
+  // content
+  el += '<div class="about-body fs14">'
+  el += rows.join('')
+  el += '</div>'
+
+  el += '</div>'
+  return el
+}

package/scripts/tags/lib/checkbox.js

@@ -0,0 +1,30 @@
+/**
+ * checkbox.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * radio.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% checkbox [checked:false] [color:cyan] [symbol:plus/minus/times] text %}
+ * {% radio [checked:false] [color:cyan] text %}
+ */
+
+'use strict'
+
+module.exports = (ctx, type) => function(args) {
+  args = ctx.args.map(args, ['color', 'checked', 'symbol'], ['text'])
+  var el = ''
+  // div
+  el += '<div class="tag-plugin checkbox"'
+  el += ' ' + ctx.args.joinTags(args, ['color', 'symbol']).join(' ')
+  el += '>'
+  // input
+  el += '<input type="' + (type || 'checkbox') + '"'
+  if (args.checked == 'true') {
+    el += ' checked="true"'
+  }
+  el += '/>'
+  // text
+  el += '<span>' + args.text + '</span>'
+  // div
+  el += '</div>'
+  return el
+}

package/scripts/tags/{copy.js → lib/copy.js}

@@ -7,43 +7,43 @@
  *
  */
 
-'use strict';
+'use strict'
 
-var copy_index = 0;
+var copy_index = 0
 
-hexo.extend.tag.register('copy', function(args) {
-  args = hexo.args.map(args, ['width', 'git'], ['text']);
+module.exports = ctx => function(args) {
+  args = ctx.args.map(args, ['width', 'git'], ['text'])
   if (args == undefined || args.text == undefined) {
-    return '';
+    return ''
   }
-  var text = args.text;
+  var text = args.text
   if (args.git) {
     if (text.substr(0,1) == '/') {
-      text = text.substring(1);
+      text = text.substring(1)
     }
     if (args.git == 'ssh') {
-      text = 'git@github.com:' + text + '.git';
+      text = 'git@github.com:' + text + '.git'
     } else if (args.git == 'gh') {
-      text = 'gh repo clone ' + text;
+      text = 'gh repo clone ' + text
     } else {
-      text = 'https://github.com/' + text + '.git';
+      text = 'https://github.com/' + text + '.git'
     }
   }
 
-  const copy_id = 'copy_' + ++copy_index;
+  const copy_id = 'copy_' + ++copy_index
 
-  var el = '';
-  el += '<div class="tag-plugin copy"';
+  var el = ''
+  el += '<div class="tag-plugin copy"'
   if (args.width) {
-    el += ' width="' + args.width + '"';
+    el += ' width="' + args.width + '"'
   }
-  el += '>';
-  el += '<input class="copy-area" readonly id="' + copy_id + '"';
-  el += ' value="' + text + '">';
-  el += '<button class="copy-btn" onclick="util.copy(&quot;' + copy_id + '&quot;,&quot;Copied!&quot;)">';
-  el += '<svg class="icon copy-btn" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg>';
-  el += '</button>';
+  el += '>'
+  el += '<input class="copy-area" readonly id="' + copy_id + '"'
+  el += ' value="' + text + '">'
+  el += '<button class="copy-btn" onclick="util.copy(&quot' + copy_id + '&quot,&quotCopied!&quot)">'
+  el += '<svg class="icon copy-btn" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg>'
+  el += '</button>'
 
-  el += '</div>';
-  return el;
-});
+  el += '</div>'
+  return el
+}

package/scripts/tags/lib/emoji.js

@@ -0,0 +1,40 @@
+/**
+ * emoji.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% emoji [source] name [height:1.75em] %}
+ *
+ */
+
+'use strict'
+
+module.exports = ctx => function(args) {
+  const config = ctx.theme.config.tag_plugins.emoji
+  args = ctx.args.map(args, ['height'], ['source', 'name'])
+  var el = ''
+  if (args.source == undefined) {
+    return el
+  }
+  el += '<span class="tag-plugin emoji">'
+  if (args.name == undefined) {
+    // 省略了 source
+    for (let id in config) {
+      if (config[id]) {
+        args.name = args.source
+        args.source = id
+        break
+      }
+    }
+  }
+  if (config[args.source] && args.name) {
+    let url = config[args.source].replace('%s', args.name)
+    el += '<img no-lazy="" class="inline"'
+    el += ' src="' + url + '"'
+    if (args.height) {
+      el += ' style="height:' + args.height + '"'
+    }
+    el += '/>'
+  }
+  el += '</span>'
+  return el
+}