hexo-theme-stellar 1.32.4 → 1.33.0

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/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.4",
+  "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/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/_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/tag-plugins/image.styl

@@ -22,6 +22,7 @@
     img
       display: block
       object-fit: cover
+      border-radius: $border-image
     .image-download
       position: absolute
       bottom: 8px

package/source/css/_components/tag-plugins/rating.styl

@@ -0,0 +1,39 @@
+.tag-plugin.ds-rating
+  text-align: center
+.tag-plugin.ds-rating .header
+  margin: .5rem
+  font-weight: 500
+  color: var(--text)
+.tag-plugin.ds-rating .body
+  display: flex
+  align-items: center
+  justify-content: center
+  button
+    color: var(--text-p1)
+    font-size: 1rem
+    padding: 0
+    border-radius: $border-button
+    display: flex
+    svg
+      font-size: 1.5em
+      margin: 4px
+    img
+      margin: 4px
+    trans1 all
+    color: var(--theme)
+    opacity: 0.2
+    &:hover,&.hover,&.preview
+      opacity: 1
+  span
+    line-height: 1
+    font-size: 1em
+    margin: 4px
+
+.tag-plugin.ds-rating .footer
+  margin: .5rem
+  color: var(--text-p3)
+  font-weight: 500
+  font-size: $fs-12
+
+.tag-plugin.ds-rating.rated
+  pointer-events: none

package/source/css/_components/tag-plugins/timeline.styl

@@ -102,7 +102,7 @@
   .tag-plugin.copy
     width: 240px
 
-.tag-plugin.timeline[api]
+.tag-plugin.timeline[data-api]
   a.body
     display: block
     color: var(--text-p1)
@@ -112,7 +112,7 @@
     font-size: var(--fsp)
 
 
-.tag-plugin.timeline[api] .body
+.tag-plugin.timeline[data-api] .body
   p.title
     font-weight: 700
     margin: 0.5rem 0 0.75rem
@@ -149,10 +149,10 @@
   pre code 
     font-size: $fs-13
 
-aside .tag-plugin.timeline[api] .body .lazy-box
+aside .tag-plugin.timeline[data-api] .body .lazy-box
   border-radius: $border-image-s
 
-.tag-plugin.timeline[api] .body .footer
+.tag-plugin.timeline[data-api] .body .footer
   margin: 0 0 -0.5rem
   padding: 0.5rem 0 1rem
   user-select: none
@@ -173,7 +173,7 @@ aside .tag-plugin.timeline[api] .body .lazy-box
   .left+.right
     margin-left: 4px
 
-.tag-plugin.timeline[api] .body .footer
+.tag-plugin.timeline[data-api] .body .footer
   .item
     border-width: 1px
     border-style: solid

package/source/css/_components/tag-plugins/vote.styl

@@ -0,0 +1,49 @@
+.tag-plugin.ds-vote
+  text-align: center
+.tag-plugin.ds-vote .header
+  margin: .5rem
+  font-weight: 500
+  color: var(--text)
+.tag-plugin.ds-vote .body
+  width 50%
+  min-width: 240px
+  max-width: 320px
+  margin: 1rem auto
+  display: grid
+  grid-template-columns: 1fr 1fr
+  grid-gap: 2rem
+  button
+    color: var(--text-p1)
+    font-size: 1rem
+    display: inline-flex
+    flex-direction: column
+    align-items: center
+    justify-content: center
+    padding: .5rem
+    background: var(--block)
+    border-radius: $border-button
+    font-weight: 500
+    svg
+      font-size: 1.5em
+      margin: 8px
+    span
+      line-height: 1
+      font-size: 1em
+      margin-bottom: 4px
+    trans1 all
+    color: var(--theme)
+    background: var(--theme-a10)
+    @media (prefers-color-scheme: dark)
+      background: var(--theme-a20)
+    &.vote-up
+      x-set-theme-with-color($c-green)
+    &.vote-down
+      x-set-theme-with-color($c-red)
+    &:hover,&.active
+      color: white
+      background: var(--theme)
+
+
+// 已经投过票了
+.tag-plugin.ds-vote.voted
+  pointer-events: none

package/source/css/_components/widgets/timeline.styl

@@ -36,7 +36,7 @@
         background: var(--bg-a50)
       
       
-  .tag-plugin.timeline[api] .body .footer
+  .tag-plugin.timeline[data-api] .body .footer
     background: none
 
 .l_left .widget-wrapper.timeline

package/source/css/_defines/theme_base.styl

@@ -13,6 +13,7 @@ x-set-theme-with-color($color)
   --light: lightness($color)
   --alpha: alpha($color)
   --theme: x-theme-alpha(1)
+  --theme-a10: x-theme-alpha(0.1)
   --theme-a20: x-theme-alpha(0.2)
   --theme-a30: x-theme-alpha(0.3)
 

package/source/css/_plugins/comments/artalk.styl

@@ -69,6 +69,10 @@
       height: 3rem
       width: 12rem
       margin: -1.5rem auto 0
+      &:hover
+        background: var(--card)
+  .atk-list-footer .atk-copyright
+    padding: 1rem
   .atk-error-layer
     background: none
 
@@ -97,17 +101,52 @@
     --at-color-green: $c-green
     --at-color-gradient: linear-gradient(180deg, transparent, var(--card), 50%, var(--card))
 
-.md-text .atk-comment>.atk-main>.atk-body
-  overflow: visible
-.md-text .artalk pre code, .atk-layer-wrap pre code
-  background: none
-.md-text .atk-main-editor>.atk-textarea-wrap>.atk-textarea
-  background: none
-  padding: 0.5rem 1rem
 
-.md-text .atk-notify-wrap .atk-notify
-  border-radius: $border-bar
-  margin: 8px
+// fix style
+.cmt-body.artalk
+  .atk-comment>.atk-main>.atk-body
+    overflow: visible
+  .artalk pre code, .atk-layer-wrap pre code
+    background: none
+  .atk-main-editor>.atk-textarea-wrap>.atk-textarea
+    background: none
+    padding: 1rem
+    margin: 0
+    border: none
+
+  .atk-loading
+    border-radius: $border-card
+  .atk-main-editor .atk-editor-user-wrap .atk-editor-user .atk-user-profile-btn
+    padding: 0
+  &:hover
+    background: none
+  
+  .artalk>.atk-list>.atk-list-header 
+    padding: .5rem 1rem
+    .atk-comment-count
+      display: flex
+      align-items: baseline
+  .artalk>.atk-list>.atk-list-header .atk-dropdown-wrap .atk-arrow-down-icon
+    height: 8px
+  .artalk>.atk-list>.atk-list-header .atk-text
+    display: block
+
+  .atk-notify-wrap .atk-notify
+    border-radius: $border-bar
+    margin: 8px
+  
+  // emoticons
+  .atk-editor-plug-emoticons>.atk-grp-wrap>.atk-grp
+    padding: .5rem
+    margin-bottom: 32px
+  .atk-editor-plug-emoticons>.atk-grp-wrap>.atk-grp[data-type=image]>.atk-item
+    width 3rem
+    height: 3rem
+    margin: 0
+    border-radius: 4px
+    padding: .5rem
+    >img
+      border-radius: 4px
 
 
 // override
@@ -121,11 +160,12 @@
       border-radius: $border-image-s
   a>img
     display: inline
-  p>img[atk-emoticon]
+  img[atk-emoticon]
     max-height: 1.5em
     transform: scale(1.2)
     margin: 0 4px
     vertical-align: bottom
+    border-radius: 4px
   ul li, ol li
     font-size: $fs-14
   blockquote