hexo-theme-stellar 1.17.2 → 1.18.1

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.17.2'
+  version: '1.18.1'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   cdn_css: # Use cdn links instead of /css/main.css
@@ -27,20 +27,20 @@ sidebar:
   widgets:
     #### 自动生成的页面 ####
     # 主页
-    home: search, welcome, recent, timeline # for home
+    home: search, recent, timeline # for home
     # 博客索引页
     blog_index: search_blog, recent, timeline # for categories/tags/archives
     # 文档索引页
     wiki_index: search_docs, recent, timeline # for wiki
     # 其它（404）
-    others: search, welcome, recent, timeline # for 404 and ...
+    others: search, recent, timeline # for 404 and ...
     #### 手动创建的页面 ####
     # 文章内页
-    post: toc, ghrepo, search, ghissues # for pages using 'layout:post'
+    post: search_blog, toc, ghrepo, ghissues # for pages using 'layout:post'
     # 文档内页
     wiki: search, ghrepo, toc, ghissues, related # for pages using 'layout:wiki'
     # 其它 layout:page 的页面
-    page: welcome, toc, search # for custom pages using 'layout:page'
+    page: toc, search # for custom pages using 'layout:page'
 
 ######## Index ########
 post-index: # 近期发布 分类 标签 归档 and ...
@@ -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:
@@ -243,6 +227,9 @@ tag_plugins:
   # {% mark %}
   mark:
     default_color: dark # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
+  # {% tag %}
+  tag:
+    default_color: yellow # red, orange, yellow, green, cyan, blue, purple
 
 
 ######## JS Plugins ########
@@ -259,6 +246,7 @@ plugins:
     timeline: /js/plugins/timeline.js
     linkcard: /js/plugins/linkcard.js
     fcircle: /js/plugins/fcircle.js
+    weibo: /js/plugins/weibo.js
 
   marked: https://cdn.bootcdn.net/ajax/libs/marked/4.0.18/marked.min.js
   
@@ -300,8 +288,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) - 专为中文网页内容设计的排版样式增强
@@ -338,27 +326,17 @@ style:
     code: 'Menlo, Monaco, Consolas, system-ui, "Courier New", monospace, sans-serif'
   text-align: left
   color:
-    common:
-      theme: '#1BCDFC' # 主题色
-      accent: '#ff5722' # 强调色
-      link: '#2196f3' # 超链接颜色
-      button: '#1BCDFC' # 按钮颜色
-      hover: '#ff5722' # 按钮高亮颜色
-    light:
-      background: '#F8F9FA' # 浅色背景颜色
-      block: '#F0F1F2' # 块背景颜色
-      card: white # 卡片背景颜色
-      title: '#000' # 标题文本颜色
-      text: '#333' # 正文文本颜色
-      code: '#f33a00' # 行内代码颜色
-    dark:
-      background: '#313438' # 深色背景颜色
-      background-mobile: black # 移动端深色背景（OLED调成纯黑可以省电）
-      block: '#2B2F33' # 块背景颜色
-      card: '#464D57' # 卡片背景颜色
-      title: '#fff' # 标题文本颜色
-      text: '#eee' # 正文文本颜色
-      code: '#ff7043' # 行内代码颜色
+    # 动态颜色（会根据明暗主题重设明度值，只用关心色相和饱和度即可）
+    background: 'hsl(212 16% 98%)' # 浅色背景颜色
+    block: 'hsl(212 8% 95%)' # 块背景颜色
+    code: 'hsl(14 100% 48%)' # 行内代码颜色
+    text: 'hsl(0 0% 20%)' # 文本颜色
+    # 主题色配置（不会根据明暗动态调整，请设置为通用的颜色）
+    theme: 'hsl(192 98% 55%)' # 主题色
+    accent: 'hsl(14 100% 57%)' # 强调色
+    link: 'hsl(207 90% 54%)' # 超链接颜色
+    button: 'hsl(192 98% 55%)' # 按钮颜色
+    hover: 'hsl(14 100% 57%)' # 按钮高亮颜色
   animated_avatar:
     animate: auto # auto, always
     background: https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.2/avatar/round/rainbow64@3x.webp

package/_data/widgets.yml

@@ -44,7 +44,6 @@ toc:
 # github user info
 ghuser:
   layout: ghuser
-  api: https://api.github.com
   username: github # your github login username
   avatar: true # show avatar or not
   menu: true # show menu or not
@@ -63,20 +62,6 @@ tagcloud:
   end_color: # 结束的颜色。您可使用十六进位值（#b700ff），rgba（rgba(183, 0, 255, 1)），hsla（hsla(283, 100%, 50%, 1)）或 颜色关键字。此变量仅在 color 参数开启时才有用。
   show_count: false # 显示每个标签的文章总数
 
-welcome:
-  layout: markdown
-  title: Stellar 入门指南
-  content: | # support markdown
-    欢迎使用 [Stellar](https://github.com/xaoxuu/hexo-theme-stellar/) 主题，下面是您的入门指南，祝您使用愉快！
-    <br>
-    **第一步**
-    创建 `blog/_config.stellar.yml` 文件，在此文件中填写需要自定义的主题配置。
-    <br>
-    **第二步**
-    创建 `blog/source/_data/widgets.yml` 文件，此文件中填写需要自定义的侧边栏组件，例如 `welcome` 组件。
-    <br>
-    如果有任何疑问，请先查阅 [文档](https://xaoxuu.com/wiki/stellar/)，如果文档中没有提供，请提 [issue](https://github.com/xaoxuu/hexo-theme-stellar/issues/) 向开发中询问。
-
 timeline:
   layout: timeline
   title: 近期动态

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/sidebar/header.ejs

@@ -10,10 +10,10 @@ function layoutTitle(main, url, sub) {
   if (sub) {
     let arr = sub.split('|');
     if (arr.length > 1) {
-      el += '<div class="sub normal cap">' + arr[0].trim() + '</div>';
-      el += '<div class="sub hover cap" style="opacity:0">' + arr[1].trim() + '</div>';
-    } else if (arr.length > 0) {
-      el += '<div class="sub cap">' + arr[0] + '</div>';
+      el += '<div class="sub normal cap">' + arr.shift().trim() + '</div>';
+      el += '<div class="sub hover cap" style="opacity:0">' + arr.join('|') + '</div>';
+    } else {
+      el += '<div class="sub cap">' + sub + '</div>';
     }
   }
   el += '</a>';

package/layout/_partial/sidebar/index.ejs

@@ -40,10 +40,10 @@ function layoutTitle(main, url, sub) {
   if (sub) {
     let arr = sub.split('|');
     if (arr.length > 1) {
-      el += '<div class="sub normal cap">' + arr[0].trim() + '</div>';
-      el += '<div class="sub hover cap" style="opacity:0">' + arr[1].trim() + '</div>';
-    } else if (arr.length > 0) {
-      el += '<div class="sub cap">' + arr[0] + '</div>';
+      el += '<div class="sub normal cap">' + arr.shift().trim() + '</div>';
+      el += '<div class="sub hover cap" style="opacity:0">' + arr.join('|') + '</div>';
+    } else {
+      el += '<div class="sub cap">' + sub + '</div>';
     }
   }
   el += '</a>';

package/layout/_partial/widgets/search.ejs

@@ -27,6 +27,7 @@ function layoutDiv() {
   } else {
     el += ' placeholder="' + (item.placeholder || __('search.search')) + '">'
   }
+  el += '<svg t="1670596976048" class="icon search-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2676" width="200" height="200"><path d="M938.2 832.6L723.8 618.1c-2.5-2.5-5.3-4.4-7.9-6.4 36.2-55.6 57.3-121.8 57.3-193.1C773.3 222.8 614.6 64 418.7 64S64 222.8 64 418.6c0 195.9 158.8 354.6 354.6 354.6 71.3 0 137.5-21.2 193.2-57.4 2 2.7 3.9 5.4 6.3 7.8L832.5 938c14.6 14.6 33.7 21.9 52.8 21.9 19.1 0 38.2-7.3 52.8-21.8 29.2-29.1 29.2-76.4 0.1-105.5M418.7 661.3C284.9 661.3 176 552.4 176 418.6 176 284.9 284.9 176 418.7 176c133.8 0 242.6 108.9 242.6 242.7 0 133.7-108.9 242.6-242.6 242.6" p-id="2677"></path></svg>'
   el += '</form>'
   el += '<div id="search-result"></div>'
   el += '<div class="search-no-result">' + __('search.no_results') + '</div>'

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.17.2",
+  "version": "1.18.1",
   "description": "Elegant and powerful theme for Hexo.",
   "main": "package.json",
   "scripts": {

package/scripts/generators/search.js

@@ -54,6 +54,8 @@ hexo.extend.generator.register('search_json_generator', function (locals) {
         content = content.replace(/[#]{2,} /g, '')
         // 部分HTML标签
         content = content.replace(/<iframe[\s|\S]+iframe>/g, '')
+        content = content.replace(/<hr>/g, '')
+        content = content.replace(/<br>/g, '')
         // 图片
         content = content.replace(/\!\[(.*?)\]\((.*?)\)/g, '')
         // 链接

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
+}