hexo-theme-stellar 1.32.4 → 1.33.1

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/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/_plugins/mathjax.ejs

@@ -1,20 +1,49 @@
-<script type="text/javascript" src="<%- conf.js %>"></script>
+<% if (conf.v3) { %>
+<script>
+  window.MathJax = {
+    tex: {
+      inlineMath: [
+        ["$", "$"],
+        ["\\(", "\\)"],
+      ],
+      processEscapes: true,
+      skipTags: ["script", "noscript", "style", "textarea", "pre", "code"],
+    },
+    startup: {
+      ready() {
+        MathJax.startup.defaultReady();
+        MathJax.typesetPromise().then(() => {
+          const math = document.querySelectorAll("mjx-container");
+          math.forEach((element) => {
+            if (element.parentNode) {
+              element.parentNode.classList.add("has-jax");
+            }
+          });
+        });
+      },
+    },
+  };
+</script>
+<% } %>
+<script id="MathJax-script" src="<%- conf.js %>" async></script>
+<% if (!conf.v3) { %>
 <script type="text/x-mathjax-config">
-MathJax.Hub.Config({
-  tex2jax: {
-    inlineMath: [ ['$','$'], ["\\(","\\)"] ],
-    processEscapes: true
-  }
-});
-MathJax.Hub.Config({
-  tex2jax: {
-    skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
-  }
-});
-MathJax.Hub.Queue(function() {
-  var all = MathJax.Hub.getAllJax(), i;
-  for(i=0; i < all.length; i += 1) {
-    all[i].SourceElement().parentNode.className += ' has-jax';
-  }
-});
+  MathJax.Hub.Config({
+    tex2jax: {
+      inlineMath: [ ['$','$'], ["\\(","\\)"] ],
+      processEscapes: true
+    }
+  });
+  MathJax.Hub.Config({
+    tex2jax: {
+      skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
+    }
+  });
+  MathJax.Hub.Queue(function() {
+    var all = MathJax.Hub.getAllJax(), i;
+    for(i=0; i < all.length; i += 1) {
+      all[i].SourceElement().parentNode.className += ' has-jax';
+    }
+  });
 </script>
+<% } %>

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.1",
   "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/md.styl

@@ -44,6 +44,8 @@
     margin-top: var(--gap-p)
     margin-bottom: var(--gap-p)
   iframe
+    margin-left: auto
+    margin-right: auto
     display: block
 
 // titles

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/navbar.styl

@@ -35,14 +35,14 @@
     z-index: 1
     trans1 all
     &:hover
-      background: var(--bg-a100)
+      background: var(--bg-a50)
     &.active, &:hover
       color: var(--text)
     &.active
       background: var(--bg-a60)
       @media (prefers-color-scheme: dark)
         background: rgba(white, 0.25)
-      box-shadow: $boxshadow-button
+      box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.04), 0 0 4px rgba(0, 0, 0, 0.08)
       cursor default
       pointer-events: none
       backdrop-filter: saturate(300%)

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