hexo-theme-stellar 1.32.3 → 1.33.0

package/layout/_partial/widgets/ghissues.ejs

@@ -27,7 +27,13 @@ function layoutDiv() {
     }
     el += '<div class="widget-body fs14">';
       el += '<div class="tag-plugin timeline data-service ds-timeline"';
-      ['api', 'user'].forEach(key => {
+      // dataset
+      ['api'].forEach(key => {
+        if (item[key]) {
+          el += ' data-' + key + '="' + item[key] + '"';
+        }
+      });
+      ['user'].forEach(key => {
         if (item[key]) {
           el += ' ' + key + '="' + item[key] + '"';
         }

package/layout/_partial/widgets/ghrepo.ejs

@@ -19,7 +19,7 @@ function layoutDiv() {
   el += `<widget class="widget-wrapper${scrollreveal(' ')} ghrepo">`
   // body
   el += '<div class="widget-body">';
-  el += '<div class="items data-service ds-ghinfo" api="https://' + theme.api_host.ghapi + '/repos/' + repo + '">';
+  el += '<div class="items data-service ds-ghinfo" data-api="https://' + theme.api_host.ghapi + '/repos/' + repo + '">';
   el += '<a class="repo" href="https://github.com/' + repo + '" target="_blank" rel="external nofollow noopener noreferrer">';
     el += '<div class="repo-name flex-row">';
       el += icon('github:repo')
@@ -35,7 +35,7 @@ function layoutDiv() {
         el += icon('github:fork')
         el += '<span type="text" id="forks_count"></span>';
       el += '</div>';
-      el += '<div class="flex-row data-service ds-ghinfo" index="0" api="https://' + theme.api_host.ghapi + '/repos/' + repo + '/tags">';
+      el += '<div class="flex-row data-service ds-ghinfo" index="0" data-api="https://' + theme.api_host.ghapi + '/repos/' + repo + '/tags">';
         el += icon('github:tag')
         el += '<span type="text" id="latest-tag-name">0</span>';
       el += '</div>';

package/layout/_partial/widgets/ghuser.ejs

@@ -24,7 +24,7 @@ function layoutDiv() {
 
   el += `<widget class="widget-wrapper${scrollreveal(' ')} user-card ghuser">`
   // body
-  el += '<div class="widget-body data-service ds-ghinfo" api="https://' + theme.api_host.ghapi + '/users/' + item.username + '">';
+  el += '<div class="widget-body data-service ds-ghinfo" data-api="https://' + theme.api_host.ghapi + '/users/' + item.username + '">';
     if (item.avatar) {
       el += '<div class="avatar" ><img no-lazy type="img" id="avatar_url" src="' + config.avatar + '"></div>';
     }

package/layout/_partial/widgets/recent.ejs

@@ -34,7 +34,7 @@ function layoutDiv() {
   arr.length = item.limit
   arr.forEach(post => {
     if (!post) { return }
-    el += `<a class="item title" href="${url_for(post.link || post.path)}">`
+    el += `<a class="item title" href="${pretty_url(post.link || post.path)}">`
     el += '<span class="title">'
     if (post.wiki) {
       const proj = theme.wiki.tree[post.wiki];

package/layout/_partial/widgets/related.ejs

@@ -15,7 +15,7 @@ function relatedPostsInTopic() {
   el += `<div class="widget-body">`
   for (let post of topic.pages) {
     const isActive = post.path == page.path
-    el += `<a class="item${isActive ? ' active' : ''}" href="${url_for(post.path)}">`
+    el += `<a class="item${isActive ? ' active' : ''}" href="${pretty_url(post.path)}">`
     el += `<span class="title">${post.title}</span>`
     if (isActive) {
       el += icon('default:bookmark.active')
@@ -42,7 +42,7 @@ function relatedWiki() {
     for (let id of relatedItem.items) {
       // 同一个分组中的其它项目
       let item = theme.wiki.tree[id]
-      el += `<a class="item wiki" href="${url_for(item.homepage?.path)}">`
+      el += `<a class="item wiki" href="${pretty_url(item.homepage?.path)}">`
       el += `<span class="title">${item.title}</span>`
       if (item.description && item.description.length > 0) {
         el += `<span class="excerpt">${item.description}</span>`

package/layout/_partial/widgets/tagtree.ejs

@@ -9,7 +9,7 @@
 
 <% function layoutTag(tag, level) { %>
   <% const active = page.activeTag === tag.id %>
-  <a class="link<%= active ? ' active' : '' %>" href="<%= url_for(tag.path) %>">
+  <a class="link<%= active ? ' active' : '' %>" href="<%= pretty_url(tag.path) %>">
     <span class="toc-text"<% if (level > 0) { %> style="padding-left: <%= level * 0.875 %>rem;"<% } %>>
       <% if (tag.id === '') { %>
         <%= __('meta.all_notes') %>

package/layout/_partial/widgets/timeline.ejs

@@ -12,7 +12,13 @@ function layoutDiv() {
     }
     el += '<div class="widget-body fs14">';
       el += `<div class="tag-plugin timeline data-service ds-${(item.type || 'timeline')}"`;
-      ['api', 'user', 'hide', 'limit'].forEach(key => {
+      // dataset
+      ['api'].forEach(key => {
+        if (item[key]) {
+          el += ' data-' + key + '="' + item[key] + '"';
+        }
+      });
+      ['user', 'hide', 'limit'].forEach(key => {
         if (item[key]) {
           el += ' ' + key + '="' + item[key] + '"';
         }

package/layout/_partial/widgets/toc.ejs

@@ -36,9 +36,8 @@ function layoutToc(fallback) {
 }
 
 function layoutDiv(fallback) {
-  const editBtn = partial('components/edit', {map: item.edit_this_page})
   const tocBody = layoutTocBody()
-  if (tocBody.trim().length == 0 && editBtn.trim().length == 0) {
+  if (tocBody.trim().length == 0) {
     return ''
   }
   var el = ''
@@ -50,7 +49,6 @@ function layoutDiv(fallback) {
     el += `</div>`
   }
   el += `<div class="widget-footer">`
-  el += editBtn
   el += `<a class="top" onclick="util.scrollTop()">`
   el += icon('default:upup')
   el += `<span>${__('btn.top')}</span>`

package/layout/_partial/widgets/tree.ejs

@@ -20,7 +20,7 @@ function layoutDocTree(pages) {
       isActive += ' active'
     }
     if (proj.pages.length > 1) {
-      let href = url_for(p.path);
+      let href = pretty_url(p.path);
       if (p.is_homepage) {
         href += '#start'
       }

package/layout/archive.ejs

@@ -39,7 +39,7 @@ function layoutArchiveList() {
       return post.year == year
     }).each(function(post) {
       el += `<div class="archive-list">`
-      el +=`<a class='post fs14' href="${url_for(post.link || post.path)}">`
+      el +=`<a class='post fs14' href="${pretty_url(post.link || post.path)}">`
       el += `<time>${date(post.date, 'MM-DD')}</time>`
       el += `<span>`
       if (post.title) {

package/layout/categories.ejs

@@ -12,7 +12,7 @@ if (page.menu_id == undefined) {
     <article class='<%- scrollreveal("") %>' id='cats'>
       <% site.categories.sort('path').each(function(category){ %>
         <div>
-          <a class="<%= category.parent ? 'cat child' : 'cat'%>" href="<%= url_for(category.path) %>">
+          <a class="<%= category.parent ? 'cat child' : 'cat'%>" href="<%= pretty_url(category.path) %>">
             <span class='name'><%- icon('default:category') %><%- category.name %></span>
             <span class='badge'>(<%- category.posts.length %>)</span>
           </a>

package/layout/index.ejs

@@ -12,7 +12,7 @@ function layout_post_card(layout, post, content) {
   if (layout == 'post' && post.cover != undefined && post.poster != undefined) {
     layout += ' photo';
   }
-  el += `<a class="post-card${scrollreveal(' ')} ${layout}" href="${url_for(post.link || post.path)}">`
+  el += `<a class="post-card${scrollreveal(' ')} ${layout}" href="${pretty_url(post.link || post.path)}">`
   el += content;
   el += '</a>';
   return el;

package/layout/index_topic.ejs

@@ -8,7 +8,7 @@ function layout_topic_list(partial) {
       continue
     }
     el += `<div class="post-list wiki topic">`
-    el += `<a class="post-card wiki topic${scrollreveal(' ')}" href="${url_for(topic.homepage?.path || '/')}">`
+    el += `<a class="post-card wiki topic${scrollreveal(' ')}" href="${pretty_url(topic.homepage?.path || '/')}">`
     el += partial(topic)
     el += `</a>`
     el += `</div>`

package/layout/index_wiki.ejs

@@ -13,14 +13,14 @@ function layout_wiki_list(partial) {
     if (page.filter === false) {
       // wikiList
       el += `<div class="post-list wiki">`
-      el += `<a class="post-card wiki${scrollreveal(' ')}" href="${url_for(proj.homepage?.path || '/')}">`
+      el += `<a class="post-card wiki${scrollreveal(' ')}" href="${pretty_url(proj.homepage?.path || '/')}">`
       el += partial(proj)
       el += `</a>`
       el += `</div>`
     } else if (proj.tags && proj.tags.includes(page.tagName) === true) {
       // filtered wikiList
       el += `<div class="post-list wiki filter">`
-      el += `<a class="post-card wiki${scrollreveal(' ')}" href="${url_for(proj.homepage?.path || '/')}">`
+      el += `<a class="post-card wiki${scrollreveal(' ')}" href="${pretty_url(proj.homepage?.path || '/')}">`
       el += partial(proj)
       el += `</a>`
       el += `</div>`

package/layout/notebooks.ejs

@@ -1,7 +1,7 @@
 <%# 笔记本列表页主体部分 %>
 <% for (const notebook of Object.values(theme.notebooks.tree)) { %>
   <div class="post-list wiki">
-    <a class="post-card wiki<%= scrollreveal(' ') %>" href="<%= url_for(notebook.base_dir) %>">
+    <a class="post-card wiki<%= scrollreveal(' ') %>" href="<%= pretty_url(notebook.base_dir) %>">
       <%- include('_partial/main/notebook/notebook_card', { notebook: notebook }) %>
     </a>
   </div>

package/layout/notes.ejs

@@ -3,7 +3,7 @@
   <% page.posts.each(post => { %>
     <a
       class="post-card<%= scrollreveal(' ') %> post"
-      href="<%= url_for(post.link || post.path) %><%= page.activeTag ? `?tag=${page.activeTag}` : '' %>"
+      href="<%= pretty_url(post.link || post.path) %><%= page.activeTag ? `?tag=${page.activeTag}` : '' %>"
     >
       <%- include('_partial/main/notebook/note_card', { note: post }) %>
     </a>

package/layout/tags.ejs

@@ -11,7 +11,7 @@ if (page.menu_id == undefined) {
   <div class='post-list'>
     <article class='<%- scrollreveal("") %>' id='tags'>
       <% site.tags.sort('length', -1).each(function(tag){ %>
-        <a class='tag' href="<%= url_for(tag.path) %>">
+        <a class='tag' href="<%= pretty_url(tag.path) %>">
           <span class='name'><%= tag.name %></span>
         </a>
       <% }) %>

package/package.json

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

package/scripts/events/index.js

@@ -53,7 +53,7 @@ hexo.extend.filter.register('before_generate', async () => {
   hasRun = true;
   
   // 读取主题配置开关
-  const enabled = hexo.theme.config.plugins?.lazyload?.fix_ratio === true;
+  const enabled = hexo.theme.config.dependencies.lazyload?.fix_ratio === true;
 
   const generateImageRatios = require('./lib/get_image_ratios');
   const fixMarkdownImages = require('./lib/fix_image_tags');

package/scripts/events/lib/config.js

@@ -11,11 +11,17 @@ const path = require('path')
 
 module.exports = ctx => {
 
-  const { cache, language_switcher } = ctx.theme.config
+  const { cache, language_switcher, system } = ctx.theme.config
   const warning = function(...args) {
     ctx.log.warn(`Since ${args[0]} is turned on, the ${args[1]} is disabled to avoid potential hazards.`)
   }
 
+  if (system.override_pretty_urls !== false) {
+    // 强制修改 pretty_urls 配置项
+    ctx.config.pretty_urls.trailing_index = false
+    ctx.config.pretty_urls.trailing_html = false
+  }
+
   if (cache && cache.enable && language_switcher) {
     warning('language_switcher', 'caching')
     cache.enable = false

package/scripts/filters/pretty_urls.js

@@ -0,0 +1,25 @@
+// scripts/override-page-generator.js
+
+hexo.extend.generator.register('page', function (locals) {
+  return locals.pages.map(page => {
+    const path = (
+      page.path.endsWith('.html') && !page.path.endsWith('/index.html')
+    )
+      ? page.path.replace(/\.html$/, '/index.html')
+      : page.path;
+
+    const layout = (
+      page.layout === false ||
+      page.layout === 'false' ||
+      typeof page.layout === 'undefined'
+    ) ? false : page.layout;
+
+    const isRawOutput = /\.(txt|json|xml|js|css)$/.test(path);
+
+    return {
+      path,
+      layout,
+      data: isRawOutput ? page.content : page
+    };
+  });
+});

package/scripts/generators/notebooks.js

@@ -1,38 +1,39 @@
 /**
  * notebooks v1
  */
-const pagination = require('hexo-pagination')
-
-function paginationWithEmpty(base, posts, options={}) {
-  const { layout, data = {} } = options
-  if (posts.length === 0) {
-    base = `${base}/`
-    return [{
-      path: base,
-      layout: layout,
-      data: {
-        ...data,
-        base: base,
-        total: 1,
-        current: 1,
-        current_url: base,
-        posts: posts,
-        prev: 0,
-        prev_link: '',
-        next: 0,
-        next_link: '',
-      }
-    }]
-  } else {
-    return pagination(base, posts, options)
-  }
-}
 
 hexo.extend.generator.register('notebooks', function (locals) {
   const { site_tree, notebooks } = hexo.theme.config
   if (!notebooks?.tree || Object.keys(notebooks.tree).length === 0) {
     return []
   }
+  // 不用 blog 和 notebooks 时不必依赖 hexo-pagination
+  const pagination = require('hexo-pagination')
+
+  function paginationWithEmpty(base, posts, options={}) {
+    const { layout, data = {} } = options
+    if (posts.length === 0) {
+      base = `${base}/`
+      return [{
+        path: base,
+        layout: layout,
+        data: {
+          ...data,
+          base: base,
+          total: 1,
+          current: 1,
+          current_url: base,
+          posts: posts,
+          prev: 0,
+          prev_link: '',
+          next: 0,
+          next_link: '',
+        }
+      }]
+    } else {
+      return pagination(base, posts, options)
+    }
+  }
 
   const routes = []
 

package/scripts/helpers/json_ld.js

@@ -13,6 +13,7 @@ hexo.extend.helper.register('json_ld', function(args) {
   const structured_data = this.theme.structured_data;
   const authorEmail = config.email;
   const authorImage = config.avatar || (authorEmail ? this.gravatar(authorEmail) : null);
+  const isPage = page.layout == 'page';
 
   const author = {
     '@type': 'Person',
@@ -45,10 +46,10 @@ hexo.extend.helper.register('json_ld', function(args) {
       headline: page.title,
       mainEntityOfPage: {
         '@type': 'WebPage',
-        '@id': this.url_for(page.permalink)
+        '@id': this.pretty_url(page.permalink)
       },
       publisher,
-      url: this.url_for(page.permalink)
+      url: this.pretty_url(page.permalink)
     };
 
     if (page.tags && page.tags.length > 0) {
@@ -69,9 +70,9 @@ hexo.extend.helper.register('json_ld', function(args) {
     schema.thumbnailUrl = page.cover || page.banner;
     schema.image = images;
   
-  } else if (this.is_page() || this.is_home()) {
+  } else if (isPage || this.is_home()) {
     
-    const url = this.is_home() ? config.url : this.url_for(page.permalink);
+    const url = this.is_home() ? config.url : this.pretty_url(page.permalink);
     schema = {
       '@context': 'https://schema.org',
       '@type': 'Website',

package/scripts/helpers/pretty_url.js

@@ -0,0 +1,22 @@
+'use strict';
+
+hexo.extend.helper.register('pretty_url', function (path = '') {
+  let url = this.url_for(path);
+
+  // 替换 /index.html → /
+  url = url.replace(/\/index\.html$/, '/');
+
+  // 替换 /about.html → /about/
+  url = url.replace(/\.html$/, '/');
+
+  // 如果没有扩展名，并且不以 / 结尾，补一个 /
+  const hasExtension = /\.[a-zA-Z0-9]+$/.test(url);
+  if (!hasExtension && !url.endsWith('/')) {
+    url += '/';
+  }
+
+  // 去除多余斜杠（避免 // 出现，但保留://协议部分）
+  url = url.replace(/([^:]\/)\/+/g, '$1');
+
+  return url;
+});

package/scripts/tags/index.js

@@ -45,6 +45,8 @@ hexo.extend.tag.register('hashtag', require('./lib/hashtag')(hexo))
 hexo.extend.tag.register('okr', require('./lib/okr')(hexo), {ends: true})
 hexo.extend.tag.register('audio', require('./lib/audio')(hexo))
 hexo.extend.tag.register('video', require('./lib/video')(hexo))
+hexo.extend.tag.register('rating', require('./lib/rating')(hexo))
+hexo.extend.tag.register('vote', require('./lib/vote')(hexo))
 
 // read 阅读类
 hexo.extend.tag.register('reel', require('./lib/read/reel')(hexo), true)

package/scripts/tags/lib/albums.js

@@ -23,7 +23,7 @@ module.exports = ctx => function(args) {
   var el = ''
   el += `<div class="tag-plugin albums-wrap">`
   if (api) {
-    el += `<div class="data-service ds-friends" api="${api}"><div class="tag-plugin gallery grid-box" layout="grid" ratio="square" ${ctx.args.joinTags(args, ['size']).join(' ')}></div></div>`
+    el += `<div class="data-service ds-friends" data-api="${api}"><div class="tag-plugin gallery grid-box" layout="grid" ratio="square" ${ctx.args.joinTags(args, ['size']).join(' ')}></div></div>`
   } else if (args.group) {
     const links = ctx.theme.config.links || {}
     el += `<div class="tag-plugin gallery grid-box" layout="grid" ratio="square" ${ctx.args.joinTags(args, ['size']).join(' ')}>`

package/scripts/tags/lib/chat.js

@@ -410,7 +410,7 @@ module.exports = ctx => function(args, content) {
           let urlTarget = cell['link'].includes('://') ? ' target="_blank" rel="external nofollow noopener noreferrer"' : ''
           let linkFrom = cell['from'] || 'QQ小程序'
           el += `
-            <a class="link-card rich" href="${cell['link']}"${urlTarget} api="${ctx.theme.config.tag_plugins.chat?.api + '?url=' + cell['link']}" cardlink autofill="title,icon,desc">
+            <a class="link-card rich" href="${cell['link']}"${urlTarget} data-api="${ctx.theme.config.tag_plugins.chat?.api + '?url=' + cell['link']}" cardlink autofill="title,icon,desc">
             <div class="top">
               <span class="title">${cell['link']}</span>
             </div>

package/scripts/tags/lib/friends.js

@@ -19,7 +19,7 @@ module.exports = ctx => function(args) {
   
   var el = `<div class="tag-plugin ${args.posts ? 'users-posts-wrap' : 'users-wrap'}">`
   if (api) {
-    el += `<div class="data-service ds-friends${args.posts ? '_and_posts' : ''}" ${ctx.args.joinTags(args, ['size']).join(' ')} api="${api}"><div class="grid-box"></div></div>`
+    el += `<div class="data-service ds-friends${args.posts ? '_and_posts' : ''}" ${ctx.args.joinTags(args, ['size']).join(' ')} data-api="${api}"><div class="grid-box"></div></div>`
   } else if (args.group) {
     const links = ctx.theme.config.links || {}
     el += '<div class="grid-box">'

package/scripts/tags/lib/link.js

@@ -36,7 +36,7 @@ module.exports = ctx => function(args) {
   }
   el += ' cardlink'
   if (args.api) {
-    el += ` api="${args.api}"`
+    el += ` data-api="${args.api}"`
   }
   el += ' autofill="'
   el += autofill.join(',')

package/scripts/tags/lib/posters.js

@@ -23,7 +23,7 @@ module.exports = ctx => function(args) {
   var el = ''
   el += `<div class="tag-plugin posters-wrap">`
   if (api) {
-    el += `<div class="data-service ds-friends" api="${api}"><div class="tag-plugin gallery grid-box" layout="grid" ratio="square" ${ctx.args.joinTags(args, ['size']).join(' ')}></div></div>`
+    el += `<div class="data-service ds-friends" data-api="${api}"><div class="tag-plugin gallery grid-box" layout="grid" ratio="square" ${ctx.args.joinTags(args, ['size']).join(' ')}></div></div>`
   } else if (args.group) {
     const links = ctx.theme.config.links || {}
     el += `<div class="tag-plugin gallery grid-box" layout="grid" ratio="portrait" ${ctx.args.joinTags(args, ['size']).join(' ')}>`

package/scripts/tags/lib/rating.js

@@ -0,0 +1,32 @@
+/**
+ * rating.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * rating:
+ * {% rating id %}
+ *
+ */
+
+'use strict'
+
+module.exports = ctx => function (args) {
+  args = ctx.args.map(args, ['id', 'icon'], ['title'])
+  
+  const api = ctx.theme.config.data_services.rating.api
+  const id = args.id || 'default'
+
+  const star = ctx.utils.icon(args.icon || 'rating:star')
+  let el = `<div class="tag-plugin ds-rating" data-api="${api}" data-api="${api}" data-id="${id}">`
+  if (args.title) {
+    el += `<div class="header"><span>${args.title}</span></div>`
+  }
+  el += `<div class="body">`
+  for (let i = 1; i <= 5; i++) {
+    el += `<button class="star" data-value="${i}">${star}</button>`
+  }
+  el += `<span class="avg">(0.0)</span>`
+  el += `</div>`
+  el += `<div class="footer"><span class="count">0</span><span class="suffix">人已评分</span></div>`
+  el += `</div>`
+  return el.trim()
+}

package/scripts/tags/lib/sites.js

@@ -20,7 +20,7 @@ module.exports = ctx => function(args) {
   var el = '<div class="tag-plugin sites-wrap">'
   if (api) {
     el += '<div class="data-service ds-sites"'
-    el += ' api="' + api + '"'
+    el += ' data-api="' + api + '"'
     el += '>'
     el += '<div class="grid-box"></div>'
     el += '</div>'

package/scripts/tags/lib/timeline.js

@@ -36,13 +36,14 @@ function layoutNodeContent(ctx, content) {
 
 module.exports = ctx => function(args, content = '') {
   args = ctx.args.map(args, ['api', 'user', 'type', 'limit', 'hide', 'avatar'])
+  args['data-api'] = args.api
   var el = ''
   if (!args.type) {
     args.type = 'timeline'
   }
   if (args.api && args.api.length > 0) {
     el += `<div class="tag-plugin timeline data-service ds-${args.type}"`
-    el += ' ' + ctx.args.joinTags(args, ['api', 'user', 'limit', 'hide', 'avatar']).join(' ')
+    el += ' ' + ctx.args.joinTags(args, ['data-api', 'user', 'limit', 'hide', 'avatar']).join(' ')
     el += '>'
   } else {
     el += '<div class="tag-plugin timeline">'

package/scripts/tags/lib/vote.js

@@ -0,0 +1,28 @@
+/**
+ * vote.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * vote:
+ * {% vote id %}
+ *
+ */
+
+'use strict'
+
+module.exports = ctx => function (args) {
+  args = ctx.args.map(args, ['id', 'yes', 'no'], ['title'])
+
+  const api = ctx.theme.config.data_services.vote.api
+  const id = args.id || 'default'
+
+  var el = `<div class="tag-plugin ds-vote" data-api="${api}" data-id="${id}">`
+  if (args.title) {
+    el += `<div class="header"><span>${args.title}</span></div>`
+  }
+  el += `<div class="body">`
+  el += `<button class="vote-up">${ctx.utils.icon(args.yes || 'vote:thumbsup')} <span class="up">0</span></button>`
+  el += `<button class="vote-down">${ctx.utils.icon(args.no || 'vote:thumbsdown')} <span class="down">0</span></button>`
+  el += `</div>`
+  el += `</div>`
+  return el.trim()
+}

package/source/css/_common/button.styl

@@ -4,6 +4,7 @@ button
   outline: none
   disable-select()
   cursor: pointer
+  background: none
 
 a.button
   font-weight: 500

package/source/css/_common/loading.styl

@@ -17,6 +17,7 @@ svg.loading
 .loading-wrap
   margin: 0
   text-align: center
+  align-content: center
   background: var(--block)
   border-radius: $border-card
   position relative

package/source/css/_components/pages/article-story.styl

@@ -91,6 +91,8 @@
 
   p>img, .tag-plugin.image .image-bg
     border-radius: $border-image-l
+    >img
+      border-radius: $border-image-l
 
 
 .l_body[type=story] .md-text.content>blockquote, .md-text.content .tag-plugin.blockquote

package/source/css/_components/partial/article-footer.styl

@@ -40,6 +40,54 @@
     padding-top: 1rem
     border-top: 1px solid var(--block-border)
 
+.article-footer #contributors
+  .header
+    display: flex
+    justify-content: space-between
+    a.edit
+      font-size: $fs-14
+      display: flex
+      align-items: center
+      color: inherit
+      background: var(--block)
+      padding: 0 .5rem
+      border-radius: $border-button
+      svg
+        width 1.2em
+        height: 1.2em
+        margin-right: 4px
+        color: var(--text-p4)
+        trans1 color
+      span
+        line-height: 1.5
+        trans1 color
+      trans1 background
+      &:hover
+        color: var(--theme)
+        background: var(--theme-a20)
+        svg
+          color: var(--theme)
+  .body
+    .loading-wrap
+      margin-top: 4px
+      padding: 0
+      height: 84px
+    .users-wrap .grid-box
+      margin-top: 4px
+      grid-template-columns: repeat(auto-fill, minmax(72px, 1fr))
+      grid-gap: 4px
+      &:empty
+        display: none
+    .users-wrap .user-card .card-link
+      background: var(--block)
+      trans1 all
+      &:hover
+        background: var(--theme-a20)
+        color: var(--theme)
+      img
+        width 32px
+        height: 32px
+
 .article-footer .social-wrap
   grid-gap: 0.5rem 2rem
   margin: 1rem 0 0.5rem