hexo-theme-volantis 5.4.0 → 5.5.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## [5.5.0](https://github.com/volantis-x/hexo-theme-volantis/compare/v5.4.0...v5.5.0) (2022-06-18)
+
+
+### Features
+
+* **copyright:** 精确到文章的版权声明 ([1621fbb](https://github.com/volantis-x/hexo-theme-volantis/commit/1621fbb211057b037bb28328a364fbe4fc32df5a))
+* **scrollreveal&style.css:** slow network ([c31f54a](https://github.com/volantis-x/hexo-theme-volantis/commit/c31f54a01537bd68b83ed289a406b154499d8f21))
+* **widget:** 允许侧边栏卡片的粘性定位 ([5d5c9d5](https://github.com/volantis-x/hexo-theme-volantis/commit/5d5c9d5e7e288eb654922c4659dfdc5a1442ceda))
+
+
+### Bug Fixes
+
+* **artalk:** 深色模式主动切换修复 ([e4a7e2d](https://github.com/volantis-x/hexo-theme-volantis/commit/e4a7e2d247a8ab63365b1c0c6fc04e8f9bdb5656))
+* **background:** [#776](https://github.com/volantis-x/hexo-theme-volantis/issues/776) bing ([26dc230](https://github.com/volantis-x/hexo-theme-volantis/commit/26dc230ab6377356edb86a21e7c7267433110ac1))
+* **comment:** 指定地址的评论计数统计 ([482601a](https://github.com/volantis-x/hexo-theme-volantis/commit/482601ae02ce686bce1aff6b961dd6ead28a6985))
+* **rightmenu:** aplayer disable ([1c89b63](https://github.com/volantis-x/hexo-theme-volantis/commit/1c89b631371c89975f9977550d8a5c2f586b5fd5))
+* **walinecount:** 移除重复代码 ([2e2e05d](https://github.com/volantis-x/hexo-theme-volantis/commit/2e2e05d7ca19e94f6036c48b3448c58d0401e10b))
+* **widget:** z-index ([c9c823c](https://github.com/volantis-x/hexo-theme-volantis/commit/c9c823cf772f5c26f54ddc82064e5bba79c76331))
+
+
+### Performance Improvements
+
+* **GLOBAL_CONFIG:** 减少不必要的配置输出 ([2aa234f](https://github.com/volantis-x/hexo-theme-volantis/commit/2aa234f47be05c711f4af526d0e293f5dd8e7926))
+
 ## [5.4.0](https://github.com/volantis-x/hexo-theme-volantis/compare/v5.3.2...v5.4.0) (2022-06-09)
 
 

package/_config.yml

@@ -113,7 +113,7 @@ cover:
     home: true
     archive: true
     others: false # can be written in front-matter 'cover: true'
-  background: https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture
+  background: https://fastly.jsdelivr.net/gh/MHG-LAB/cron@gh-pages/bing/bing.jpg
   # background: https://bing.ioliu.cn/v1/rand?w=1920&h=1200
   logo: # https://cdn.jsdelivr.net/gh/volantis-x/cdn-org/blog/Logo-Cover@3x.png
   title: 'Volantis'
@@ -210,6 +210,40 @@ article:
         content:
           - '博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议'
           - permalink
+         # 自定义版权组件：精细到文章的版权声明
+        custom: true # 开启后替代上方内容的版权显示
+        customData:
+          default: type1  # 默认授权声明
+          #############################
+          # 你可以在文章的 front-matter 覆盖默认版权声明
+          # 配置示例（均可选）： 
+          # copyright:
+          #   type: type3           # 当前文章版权声明类型
+          #   author: 张三          # 本文作者
+          #   ref:                  # 原文出处
+          #     title:              # 原文出处 - 标题
+          #     url:                # 原文出处 - 链接
+          #############################
+          rules:
+            type1: 
+              text: <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh#" target="_blank">CC BY-NC-SA 4.0</a>
+              desc: 署名-非商业性使用-相同方式共享 4.0 国际。
+            type2: 
+              text: 禁止转载引用
+              desc: 除非获得原作者的单独授权，任何第三方不得转载！
+            type3: 
+              text: 原作许可协议
+              desc: 本文转载自他站，转载或引用本文时，请遵守原作许可协议！
+            type4: 
+              text: 来自互联网
+              desc: 本文来自互联网，未知来源，侵权请联系删除。
+            type5:
+              text: 允许规范转载
+              desc: 转载请保留本文转载地址，著作权归作者所有！
+            type6:
+              text: 允许付费转载
+              desc: 您可以联系作者通过付费方式获得授权。
+            # 还能自行添加更多
       # ----------------
       # 打赏组件 (for layout: post)
       donate:
@@ -482,6 +516,7 @@ sidebar:
     toc:
       class: toc
       display: [desktop, mobile] # [desktop, mobile]
+      sticky: true
       header:
         icon: fa-solid fa-list
         title: 本文目录
@@ -1116,6 +1151,9 @@ color_scheme:
     list_hl: 'mix($color-theme, #000, 80)'
     # 辅助性文字
     meta: '#888'
+    
+    # 版权卡片背景色
+    copyright_bkg: '#f5f5f5'
   # ------------
   # 暗色主题
   # https://www.maijisheji.com/2094.html
@@ -1155,6 +1193,8 @@ color_scheme:
     list_hl: 'mix($color-theme, #fff, 80)'
     # 辅助性文字              #  Dark Grey 5
     meta: '#bfbfbfde'
+    # 版权卡片背景色
+    copyright_bkg: '#21252b'
     # 夜间图片亮度
     brightness: 70%
 ############################### Color Scheme ############################### > end

package/languages/en.yml

@@ -23,6 +23,10 @@ post:
     link: Post link
     license_title: Copyright Notice
     license_content: "All articles in this blog are licensed under %s unless stating additionally."
+    date: Posted on
+    updated: Update
+    references: References
+    license: License
 footer:
   license: 'Blog content follows the [Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) License](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en)'
   use: Use

package/languages/zh-CN.yml

@@ -23,6 +23,10 @@ post:
     link: 本文链接
     license_title: 版权声明
     license_content: "本博客所有文章除特别声明外，均采用 %s 许可协议。转载请注明出处！"
+    date: 发布于
+    updated: 更新于
+    references: 原文出处
+    license: 许可协议
 footer:
   license: '博客内容遵循 [署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)'
   use: 本站使用

package/layout/_meta/artalkcount.ejs

@@ -1,11 +1,19 @@
-<% if (theme.comments.service == 'artalk'){ %> 
+<% if (theme.comments.service == 'artalk' && page.comments !== false) { %> 
   <div class="new-meta-item comments-count"> 
     <% 
-      var path = post.path || page.path; 
-      if (path.length > 9 && (path.substring(path.length - 10) == 'index.html')) { 
-        path = path.substring(0, path.length - 10); 
-      } 
-      if(!!theme.comments.artalk.path) path = theme.comments.artalk.path 
+      let commentPath;
+      let path = post.path || page.path;
+      if (theme.comments.service && theme.comments.service.length > 0) {
+        let service = theme.comments.service;
+        if (page.comments == undefined || page.comments != false) {
+          if (service in page && page[service].path) {
+            commentPath = page[service].path;
+          }
+        }
+      }
+      if(!!theme.comments.artalk.path) path = theme.comments.artalk.path
+      if(commentPath) path = commentPath;
+      path = path.replaceAll('/index.html', '/').replaceAll('.html', '')
     %> 
     <a href="<%- url_for(path) %>#comments"> 
       <i class="<%- theme.article.body.meta_library.artalkcount.icon %> fa-fw"></i> 

package/layout/_meta/counter.ejs

@@ -1,8 +1,17 @@
 <%
   let path = post.path || page.path;
-  if (path.length > 9 && (path.substring(path.length - 10) == 'index.html')) {
-    path = path.substring(0, path.length - 10);
+  let commentPath;
+  if (theme.comments.service && theme.comments.service.length > 0) {
+    let service = theme.comments.service;
+    if (page.comments == undefined || page.comments != false) {
+      if (service in page && page[service].path) {
+        commentPath = page[service].path;
+      }
+    }
   }
+
+  if(commentPath) path = commentPath;
+  path = path.replaceAll('/index.html', '/').replaceAll('.html', '')
 %>
 
 <% if (!!page.comments) { %>

package/layout/_meta/walinecount.ejs

@@ -1,12 +1,21 @@
 <% if (theme.comments.service == 'waline'){ %>
 <div class="new-meta-item comments-count">
-  <%
-    var path = post.path || page.path;
-    if (path.length > 9 && (path.substring(path.length - 10) == 'index.html')) {
-      path = path.substring(0, path.length - 10);
+  <% 
+    let commentPath;
+    let path = post.path || page.path;
+    if (theme.comments.service && theme.comments.service.length > 0) {
+      let service = theme.comments.service;
+      if (page.comments == undefined || page.comments != false) {
+        if (service in page && page[service].path) {
+          commentPath = page[service].path;
+        }
+      }
     }
     if(!!theme.comments.waline.path) path = theme.comments.waline.path
-  %>
+    if(commentPath) path = commentPath;
+    path = path.replaceAll('/index.html', '/').replaceAll('.html', '')
+  %> 
+  
   <a href="<%- url_for(path) %>#comments">
     <i class="<%- theme.article.body.meta_library.walinecount.icon %> fa-fw"></i>
     <p>

package/layout/_partial/article.ejs

@@ -22,6 +22,7 @@
   <% if (['post','docs'].includes(page.layout)) { %>
     <% let footer_widget = theme.article.body.footer_widget; %>
     <div class='footer'>
+       <!-- 参考资料、相关资料等 -->
       <% if (page.references && page.references.length > 0) { %>
         <div class='references'>
           <section class='header'>
@@ -43,6 +44,7 @@
           </section>
         </div>
       <% } %>
+       <!-- 相关文章 -->
       <% if (['post'].includes(page.layout) && footer_widget.related_posts && footer_widget.related_posts.enable == true) { %>
         <%-
         htmlGenerator(
@@ -50,19 +52,70 @@
         )
         %>
       <% } %>
+      <!-- 版权声明组件 -->
       <% if (['post'].includes(page.layout) && footer_widget.copyright && footer_widget.copyright.enable == true && post.copyright != false) { %>
-        <div class='copyright'>
-          <blockquote>
-            <% (footer_widget.copyright.content||[]).forEach(function(row){ %>
-              <% if (row == 'permalink') { %>
-                <p><%- footer_widget.copyright.permalink %><a href=<%- page.permalink %>><%- page.permalink %></a></p>
-              <% } else { %>
-                <%- markdown(row) %>
+        <% if (footer_widget.copyright.custom) { %>
+          <%
+            let author = theme.article.body.meta_library.author;
+            let aid = post.author;
+            if (aid && site.data && site.data.author && (aid in site.data.author)) {
+              author = site.data.author[aid];
+            }
+            let articleCreate =  date(post.date, theme.article.body.meta_library.date.format);
+            let articleUpdate = date(post.updated, theme.article.body.meta_library.updated.format);
+            let copyrightRule = post.copyright?.type || theme.article.body.footer_widget.copyright.customData.default;
+            let copyrightRuleText = theme.article.body.footer_widget.copyright.customData.rules[copyrightRule]?.text;
+            let copyrightRuleDesc = theme.article.body.footer_widget.copyright.customData.rules[copyrightRule]?.desc;
+          %>
+          <div class="copyright license">
+            <div class="license-title"><%- post.title %></div>
+            <div class="license-link"><a href="<%- page.permalink %>"><%- page.permalink %></a>
+            </div>
+            <div class="license-meta">
+              <div class="license-meta-item">
+                <div class="license-meta-title"><%- __('post.copyright.author') %></div>
+                <div class="license-meta-text"><%- post.copyright?.author || author.name %></div>
+              </div>
+              <div class="license-meta-item">
+                <div class="license-meta-title"><%- __('post.copyright.date') %></div>
+                <div class="license-meta-text"><%- articleCreate %></div>
+              </div>
+              <% if (articleCreate !== articleUpdate) { %>
+              <div class="license-meta-item">
+                <div class="license-meta-title"><%- __('post.copyright.updated') %></div>
+                <div class="license-meta-text"><%- articleUpdate %></div>
+              </div>
               <% } %>
-            <% }) %>
-          </blockquote>
-        </div>
+              <% if (post.copyright?.ref?.title) { %>
+              <div class="license-meta-item">
+                <div class="license-meta-title"><%- __('post.copyright.references') %></div>
+                <div class="license-meta-text">
+                  <a href="<%- post.copyright.ref?.url %>" target="_blank"><%- post.copyright.ref?.title %></a>
+                </div>
+              </div>
+              <% } %>
+              <div class="license-meta-item">
+                <div class="license-meta-title"><%- __('post.copyright.license') %></div>
+                <div class="license-meta-text"><%- copyrightRuleText %></div>
+              </div>
+            </div>
+            <div class="license-statement"><%- copyrightRuleDesc %></div>
+          </div>
+        <% } else { %>
+          <div class='copyright'>
+            <blockquote>
+              <% (footer_widget.copyright.content||[]).forEach(function(row){ %>
+                <% if (row == 'permalink') { %>
+                  <p><%- footer_widget.copyright.permalink %><a href=<%- page.permalink %>><%- page.permalink %></a></p>
+                <% } else { %>
+                  <%- markdown(row) %>
+                <% } %>
+              <% }) %>
+            </blockquote>
+          </div>
+        <% } %>
       <% } %>
+      <!-- 打赏组件 -->
       <% if (['post'].includes(page.layout) && footer_widget.donate && footer_widget.donate.enable == true) { %>
         <div class='donate'>
           <div class='imgs'>

package/layout/_partial/scripts/global.ejs

@@ -26,17 +26,23 @@
     plugins: {
       message: <%- JSON.stringify(theme.plugins.message) %>,
       fancybox: <%- JSON.stringify(theme.plugins.fancybox) %>,
+      <% if(theme.plugins.aplayer.enable) { %>
       aplayer: {
         id: <%- JSON.stringify(theme.plugins.aplayer.id) %>,
         enable:<%- JSON.stringify(theme.plugins.aplayer.enable) %>
       },
+      <% } %>
+      <% if(theme.rightmenu.enable) { %>
       rightmenu: {
         faicon: <%- JSON.stringify(theme.rightmenu.faicon) %>,
         layout: <%- JSON.stringify(theme.rightmenu.layout) %>,
         music_alwaysShow: <%- JSON.stringify(theme.rightmenu.music.alwaysShow) %>,
         customPicUrl: <%- JSON.stringify(theme.rightmenu.customPicUrl) %>
       },
+      <% } %>
+      <% if(theme.rightmenus.enable) { %>
       rightmenus: <%- JSON.stringify(theme.rightmenus) %>
+      <% } %>
     }
   }
 

package/layout/_partial/scripts/index.ejs

@@ -138,6 +138,8 @@
 
 <%- partial('content-visibility-scroll-fix') %>
 
+<%- partial('../../_plugins/slow-network/script') %>
+
 <% if (theme.structured_data && theme.structured_data.enable) { %>
   <%- structured_data() %>
 <% } %>

package/layout/_plugins/comments/artalk/script.ejs

@@ -14,10 +14,10 @@
       path = '<%= theme.comments.artalk.path %>' || decodeURI(window.location.pathname);
     }
     if(!'<%= config.permalink %>'.includes('/index.html')) {
-      path = path.replaceAll('/index.html', '/')
+      path = path.replaceAll('/index.html', '/').replaceAll('.html', '')
     }
 
-    new Artalk(Object.assign(<%- JSON.stringify(theme.comments.artalk) %>, {
+    volantis.artalk = new Artalk(Object.assign(<%- JSON.stringify(theme.comments.artalk) %>, {
       el: '#artalk_container',
       pageKey: path,
       pageTitle: document.title,
@@ -72,7 +72,7 @@
 
   function dark_artalk() {
     if(!document.querySelectorAll("#artalk_container")[0]) return;
-    Artalk.Use(ctx => {
+    volantis.artalk.then(ctx => {
       ctx.setDarkMode(volantis.dark.mode === "dark")
     })
   }

package/layout/_plugins/end-of-support/script.ejs

@@ -26,7 +26,7 @@ if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMo
     '<div class="kill-ie">'+
         `<span class="kill-t"><b><%- __('kill.title')%></b></span><br/>`+
         `<span class="kill-c"><%- __('kill.ie')%></span><br/>`+
-        `<a href="https://www.microsoft.com/zh-cn/WindowsForBusiness/End-of-IE-support"><strong><%- __('kill.more')%></strong></a>`+
+        `<a href="https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/"><strong><%- __('kill.more')%></strong></a>`+
     '</div>');
 </script>
 <% } %>

package/layout/_plugins/slow-network/script.ejs

@@ -0,0 +1,14 @@
+<script>
+  document.onreadystatechange = function () {
+    if (document.readyState == 'complete') {
+      // 页面加载完毕 样式加载失败，或是当前网速慢，或是开启了省流模式
+      const { saveData, effectiveType } = navigator.connection || navigator.mozConnection || navigator.webkitConnection || {}
+      if (getComputedStyle(document.querySelector("#safearea"), null)["display"] == "none" || saveData || /2g/.test(effectiveType)) {
+        document.querySelectorAll(".reveal").forEach(function (e) {
+          e.style["opacity"] = "1";
+        });
+        document.querySelector("#safearea").style["display"] = "block";
+      }
+    }
+  }
+</script>

package/layout/_widget/_pre.ejs

@@ -7,20 +7,15 @@ if (item.display) {
 } else {
   pf = ['desktop', 'mobile'];
 }
-if (item.sticky == true) {
-  page.widget_style = 'sticky '
-} else {
-  page.widget_style = ''
-}
 if (where == 'sidebar') {
   page.widget_style += theme.custom_css.sidebar.effect.join(' ');
 } else if (where == 'body') {
   page.widget_style += theme.custom_css.body.effect.join(' ');
 }
 page.widget_platform = pf.join(' ');
-if (item.pjaxReload || item.pjaxReload===undefined){
-  page.widget_pjax = "pjax"
+if (item.sticky !== true  && (item.pjaxReload || item.pjaxReload===undefined)){
+  page.widget_pjax = "pjax";
 }else{
   page.widget_pjax = ""
 }
-%>
+%>

package/layout/_widget/blogger.ejs

@@ -1,5 +1,5 @@
 <%- partial('_pre') %>
-<section class="widget <%- item.class %> <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+<section class="widget <%- item.class %> <%- page.widget_platform %> <%- page.widget_pjax %>">
   <div class='content'>
     <% if (item.avatar) { %>
       <% if (item.url) { %>

package/layout/_widget/category.ejs

@@ -1,6 +1,6 @@
 <% if (site.categories.length){ %>
   <%- partial('_pre') %>
-  <section class="widget <%- item.class %> <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+  <section class="widget <%- item.class %> <%- page.widget_platform %> <%- page.widget_pjax %>">
     <%- partial('header', {item: item}) %>
     <div class='content'>
       <ul class="entry navigation">

package/layout/_widget/copyright.ejs

@@ -1,5 +1,5 @@
 <%- partial('_pre') %>
-<section class="widget <%- item.class %> <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+<section class="widget <%- item.class %> <%- page.widget_platform %> <%- page.widget_pjax %>">
   <div class='content'>
     <% if (item.blockquote == true) { %>
       <blockquote>

package/layout/_widget/grid.ejs

@@ -1,5 +1,5 @@
 <%- partial('_pre') %>
-<section class="widget <%- item.class %> <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+<section class="widget <%- item.class %> <%- page.widget_platform %> <%- page.widget_pjax %>">
   <%- partial('header', {item: item}) %>
   <div class='content'>
     <div class="grid navigation<%- item.fixed ? ' fixed' : '' %>">

package/layout/_widget/lastupdate.ejs

@@ -19,7 +19,7 @@ function genList() {
 }
 %>
 <%- partial('_pre') %>
-<section class="widget <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+<section class="widget <%- page.widget_platform %> <%- page.widget_pjax %>">
   <%- partial('header', {item: item}) %>
   <div class='content'>
     <%- genList() %>

package/layout/_widget/list.ejs

@@ -1,5 +1,5 @@
 <%- partial('_pre') %>
-<section class="widget <%- item.class == 'list' ? item.class : 'list ' + item.class %> <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+<section class="widget <%- item.class == 'list' ? item.class : 'list ' + item.class %> <%- page.widget_platform %> <%- page.widget_pjax %>">
   <%- partial('header', {item: item}) %>
   <div class='content'>
     <ul class="list entry navigation">

package/layout/_widget/load.ejs

@@ -1,15 +1,32 @@
+<%
+  let widget_library_temp = [];
+%>
 <% (widgets||[]).forEach(function(widget){ %>
   <% if (theme.sidebar.widget_library && (widget in theme.sidebar.widget_library)){ %>
     <% let w = theme.sidebar.widget_library[widget]; w.id = widget; %>
-    <%- partial(w.class, {item: w, where: where}) %>
+    <% if(w.sticky) { %>
+      <% widget_library_temp.push(w)  %>
+    <% } else { %>
+      <%- partial(w.class, {item: w, where: where}) %>
+    <% } %>
   <% } %>
 <% }) %>
+
+<div class="widget-sticky pjax">
+<% if(widget_library_temp.length !== 0) { %>
+  <% widget_library_temp.forEach( w => { %>
+  <%- partial(w.class, {item: w, where: where}) %>
+  <% }) %>
+<% } %>
+</div>
+
 <%
 let widget_pjax_length = 0;
 page.sidebar.forEach(function(e){
   if (e&&theme.sidebar.widget_library&&theme.sidebar.widget_library[e]) {
     let widget_pjax_flag = theme.sidebar.widget_library[e].pjaxReload
-    if (widget_pjax_flag || widget_pjax_flag===undefined) {
+    let widget_stickys = theme.sidebar.widget_library[e].sticky
+    if (widget_stickys !== true && (widget_pjax_flag || widget_pjax_flag===undefined)) {
       widget_pjax_length ++;
     }
   }
@@ -21,4 +38,4 @@ let widget_pjax_place_length = Object.keys(theme.sidebar.widget_library).length
   <div class="pjax">
     <!-- pjax占位 -->
   </div>
-<% } %>
+<% } %>

package/layout/_widget/music.ejs

@@ -1,6 +1,6 @@
 <%- partial('_pre') %>
 <% if (theme.plugins.aplayer.enable == true) { %>
-  <section class='widget <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %> <%- item.class %>'>
+  <section class='widget <%- page.widget_platform %> <%- page.widget_pjax %> <%- item.class %>'>
     <%- partial('header', {item: item}) %>
     <div class='content'>
       <%- partial('../_plugins/aplayer/layout', {post: null, where: 'widget'}) %>

package/layout/_widget/page.ejs

@@ -1,5 +1,5 @@
 <%- partial('_pre') %>
-<section class="widget <%- item.class %> <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+<section class="widget <%- item.class %> <%- page.widget_platform %> <%- page.widget_pjax %>">
   <%- partial('header', {item: item}) %>
   <div class='content'>
     <% site.pages.forEach(function(post){ %>

package/layout/_widget/qrcode.ejs

@@ -1,5 +1,5 @@
 <%- partial('_pre') %>
-<section class="widget <%- item.class %> <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+<section class="widget <%- item.class %> <%- page.widget_platform %> <%- page.widget_pjax %>">
   <%- partial('header', {item: item}) %>
   <div class='content article-entry'>
     <% (item.images||[]).forEach(function(url){ %>

package/layout/_widget/related_posts.ejs

@@ -1,6 +1,6 @@
 <% if(page.layout == 'post' && page.content && page.path != undefined){ %>
   <%- partial('_pre') %>
-  <section class="widget <%- item.class %> <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+  <section class="widget <%- item.class %> <%- page.widget_platform %> <%- page.widget_pjax %>">
     <%- partial('header', {item: item}) %>
     <div class="content">
       <%- popular_posts( { maxCount: item.max_count , ulClass: 'popular-posts' , PPMixingRate: 0.2 } , page ) %>

package/layout/_widget/tagcloud.ejs

@@ -1,6 +1,6 @@
 <% if (site.tags.length){ %>
   <%- partial('_pre') %>
-  <section class="widget <%- item.class %> <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+  <section class="widget <%- item.class %> <%- page.widget_platform %> <%- page.widget_pjax %>">
     <%- partial('header', {item: item}) %>
     <div class='content'>
       <%- tagcloud(site.tags, {

package/layout/_widget/text.ejs

@@ -1,5 +1,5 @@
 <%- partial('_pre') %>
-<section class="widget <%- item.class %> <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+<section class="widget <%- item.class %> <%- page.widget_platform %> <%- page.widget_pjax %>">
   <%- partial('header', {item: item}) %>
   <div class='content'>
     <% (item.content||[]).forEach(function(row){ %>

package/layout/_widget/toc.ejs

@@ -1,7 +1,7 @@
 <%- partial('_pre') %>
 <% var realcontent = (page.encrypt == true) ? page.origin : page.content; %>
 <% if (realcontent && page.toc != false && toc(realcontent).length > 0) { %>
-  <section class="widget toc-wrapper <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>" id="toc-div" <% if (page.encrypt == true) { %>style="display:none" <% } %>>
+  <section class="widget toc-wrapper <%- page.widget_platform %> <%- page.widget_pjax %>" id="toc-div" <% if (page.encrypt == true) { %>style="display:none" <% } %>>
     <%- partial('header', {item: item}) %>
     <div class='content'>
         <%- toc(realcontent, {list_number: item.list_number, min_depth: item.min_depth, max_depth: item.max_depth}) %>

package/layout/_widget/webinfo.ejs

@@ -1,5 +1,5 @@
 <%- partial('_pre') %>
-<section class="widget <%- page.widget_style %> <%- page.widget_platform %> <%- page.widget_pjax %>">
+<section class="widget <%- page.widget_platform %> <%- page.widget_pjax %>">
   <%- partial('header', {item: item}) %>
   <div class='content'>
     <div class="webinfo">

package/package.json

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

package/source/css/_defines/color.styl

@@ -63,6 +63,7 @@ $color-p = convert(hexo-config('color_scheme.light.p'))
 $color-list = convert(hexo-config('color_scheme.light.list'))
 $color-list-hl = convert(hexo-config('color_scheme.light.list_hl'))
 $color-meta = convert(hexo-config('color_scheme.light.meta'))
+$color-copyright-bkg = convert(hexo-config('color_scheme.light.copyright_bkg'))
 
 // 深色配色方案在 darkmode.styl 中按需加载
 $color-dark-site-body = convert(hexo-config('color_scheme.dark.site_bd'))                    // Dark Grey 1
@@ -88,6 +89,7 @@ $color-dark-list = convert(hexo-config('color_scheme.dark.list'))
 $color-dark-list-hl = convert(hexo-config('color_scheme.dark.list_hl'))
 $color-dark-meta = convert(hexo-config('color_scheme.dark.meta'))
 $color-dark-link = convert(hexo-config('color_scheme.dark.meta'))
+$color-dark-copyright-bkg = convert(hexo-config('color_scheme.dark.copyright_bkg'))
 
 bgcolor($c, $mix = 10)
   return mix($c, $color-card, $mix)

package/source/css/_first/base_first.styl

@@ -20,6 +20,7 @@
   --color-meta: $color-meta
   --color-read-bkg: $color-read-bkg
   --color-read-post: $color-read-post
+  --color-copyright-bkg: $color-copyright-bkg
 
 *
   box-sizing: border-box

package/source/css/_first/dark_first.styl

@@ -24,6 +24,7 @@ fitst_dark()
   --color-list-hl: $color-dark-list-hl
   --color-meta: $color-dark-meta
   --color-link: $color-dark-link
+  --color-copyright-bkg: $color-dark-copyright-bkg
 
   img
     filter: brightness(convert(hexo-config('color_scheme.dark.brightness'))) !important

package/source/css/_style/_layout/article.styl

@@ -323,3 +323,51 @@ article .readmore
   display: block
   margin-top: $gap * 1.5
   font-size: $fontsize-meta
+
+.copyright.license
+  &:after
+    background: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 367.467 367.467' style='enable-background:new 0 0 367.467 367.467;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M183.73,0.018C82.427,0.018,0,82.404,0,183.733c0,101.289,82.427,183.716,183.73,183.716 c101.315,0,183.737-82.427,183.737-183.716C367.467,82.404,285.045,0.018,183.73,0.018z M183.73,326.518 c-78.743,0-142.798-64.052-142.798-142.784c0-78.766,64.055-142.817,142.798-142.817c78.752,0,142.807,64.052,142.807,142.817 C326.536,262.466,262.481,326.518,183.73,326.518z'/%3E%3Cpath d='M244.036,217.014c-11.737,20.141-33.562,32.635-56.956,32.635c-36.329,0-65.921-29.585-65.921-65.915 c0-36.36,29.592-65.955,65.921-65.955c23.395,0,45.219,12.54,56.956,32.641l1.517,2.627h44.28l-2.658-7.129 c-7.705-20.413-21.225-37.769-39.122-50.157c-17.942-12.42-39.017-19.009-60.973-19.009c-58.981,0-106.946,48.006-106.946,106.982 c0,58.98,47.965,106.941,106.946,106.941c21.956,0,43.03-6.567,60.973-19.006c17.897-12.391,31.417-29.741,39.122-50.154 l2.658-7.133h-44.28L244.036,217.014z'/%3E%3C/g%3E%3C/svg%3E")
+    content: " ";
+    opacity: .1;
+    height: 180px;
+    right: -10px;
+    top: -35px;
+    width: 180px;
+    position: absolute;
+  a
+    color: var(--color-meta);
+    &:hover
+      color: #ff5722;
+  background: var(--color-copyright-bkg);
+  color: var(--color-meta);
+  display: block;
+  font-size: .95rem;
+  line-height: 1.2;
+  margin: 15px -40px;
+  overflow: hidden;
+  padding: 1.25em 40px;
+  position: relative;
+  border-radius: 4px;
+  .license-title,
+  .license-meta-title
+    margin: 0 0 .25rem;
+  .license-link, 
+  .license-meta-title
+    font-size: .8rem;
+  .license-title
+    font-weight: 700;
+  .license-link
+    margin-bottom: 1rem;
+  .license-meta
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+  .license-meta-item
+    margin: 0 2rem 1em 0;
+  .license-meta-text
+    margin: 0;
+    a
+      border-bottom: 1px solid var(--color-meta);
+      &:hover
+        border-bottom-color: #ff5722

package/source/css/_style/_layout/sidebar.styl

@@ -358,3 +358,8 @@
     white-space: nowrap  // 不换行
     overflow: hidden  // 超出宽度部分隐藏
     text-overflow: ellipsis  // 超出部分以点号替代
+
+.widget-sticky
+  position: sticky
+  top: $navbar-height + $gap
+  z-index 10

package/source/css/_style/_layout/toc.styl

@@ -2,8 +2,8 @@
   z-index: 1
   overflow: hidden
   border-radius: $border-card
-  position: sticky
-  top: $navbar-height + $gap
+  //position: sticky
+  //top: $navbar-height + $gap
   trans()
   line-height: 1.6
   header

package/source/js/plugins/rightMenus.js

@@ -191,7 +191,7 @@ RightMenus.fun = (() => {
       _rightMenuWrapper.style.top = `${showTop}px`;
       if (volantis.GLOBAL_CONFIG.plugins.message.rightmenu.notice) fn.menuNotic();
     } catch (error) {
-      if (volantis.GLOBAL_CONFIG.debug) console.error(error);
+      console.error(error);
       fn.hideMenu();
       return true;
     }
@@ -316,7 +316,7 @@ RightMenus.fun = (() => {
     }
 
     // 判断是否显示音乐控制器
-    if (volantis.GLOBAL_CONFIG.plugins.aplayer.enable
+    if (volantis.GLOBAL_CONFIG.plugins.aplayer?.enable
       && typeof RightMenuAplayer !== 'undefined'
       && RightMenuAplayer.APlayer.player !== undefined) {
       if (rightMenuConfig.options.musicAlwaysShow
@@ -563,19 +563,21 @@ RightMenus.fun = (() => {
 
   fn.readMode = () => {
     if (typeof ScrollReveal === 'function') ScrollReveal().clean('#comments');
-    DOMController.fadeToggleList([
-      document.querySelector('#l_header'), document.querySelector('footer'),
-      document.querySelector('#s-top'), document.querySelector('.article-meta#bottom'),
-      document.querySelector('.prev-next'), document.querySelector('#l_side'),
-      document.querySelector('#comments')
-    ]);
-    DOMController.toggleClassList([
-      [document.querySelector('#l_main'), 'common_read'], [document.querySelector('#l_main'), 'common_read_main'],
-      [document.querySelector('#l_body'), 'common_read'], [document.querySelector('#safearea'), 'common_read'],
-      [document.querySelector('#pjax-container'), 'common_read'], [document.querySelector('#read_bkg'), 'common_read_hide'],
-      [document.querySelector('h1'), 'common_read_h1'], [document.querySelector('#post'), 'post_read'],
-      [document.querySelector('#l_cover'), 'read_cover'], [document.querySelector('.widget.toc-wrapper'), 'post_read']
-    ]);
+    DOMController.removeList([ 
+      '.cus-article-bkg', '.iziToast-overlay', '.iziToast-wrapper', '.prev-next', 
+      'footer', '#l_header', '#l_cover', '#l_side', '#comments', '#s-top', '#BKG', 
+      '#rightmenu-wrapper', '.nav-tabs', '.parallax-mirror', '.new-meta-item.share',  
+      '.new-meta-box', 'button.btn-copy', 'iframe' 
+    ]); 
+    DOMController.setStyleList([ 
+      ['body', 'backgroundColor', 'unset'], ['#l_main, .copyright.license', 'width', '100%'],  
+      ['#post', 'boxShadow', 'none'], ['#post', 'background', 'none'], ['#post', 'padding', '0'],  
+      ['h1', 'textAlign', 'center'], ['h1', 'fontWeight', '600'], ['h1', 'fontSize', '2rem'], ['h1', 'marginBottom', '20px'], 
+      ['.tab-pane', 'display', 'block'], ['.tab-content', 'borderTop', 'none'], ['.highlight>table pre', 'whiteSpace', 'pre-wrap'], 
+      ['.highlight>table pre', 'wordBreak', 'break-all'], ['.fancybox img', 'height', 'auto'], ['.fancybox img', 'weight', 'auto'], 
+      ['.copyright.license', 'margin', '0'], ['.copyright.license', 'padding', '1.25em 20px'],  
+      ['figure.highlight, .copyright.license', 'display', 'inline-block'], 
+    ]); 
     volantis.isReadModel = volantis.isReadModel === undefined ? true : !volantis.isReadModel;
     if (volantis.isReadModel) {
       if (RightMenus.messageRightMenu) VolantisApp.message('系统提示', '阅读模式已开启，您可以点击屏幕空白处退出。', {