hexo-theme-volantis 5.3.2 → 5.6.0

package/CHANGELOG.md

@@ -1,5 +1,65 @@
 # Changelog
 
+## [5.6.0](https://github.com/volantis-x/hexo-theme-volantis/compare/v5.5.0...v5.6.0) (2022-06-30)
+
+
+### ⚠ BREAKING CHANGES
+
+* **artalk:** imgUploader -> imageUploader
+
+### Bug Fixes
+
+* **comment:** disqus ([6656237](https://github.com/volantis-x/hexo-theme-volantis/commit/665623793b7610f2d9be8c1338c23e82f1b98159))
+* **highlightjs:** cdn npm ([2caa1fb](https://github.com/volantis-x/hexo-theme-volantis/commit/2caa1fb1e630381ed9ea019038a4d8580d17703c))
+* **meta:** counter ([7470b7a](https://github.com/volantis-x/hexo-theme-volantis/commit/7470b7abcfbc545e5552363c85b9562e42e75541))
+* **rightmenu:** [#779](https://github.com/volantis-x/hexo-theme-volantis/issues/779) ([9023ce5](https://github.com/volantis-x/hexo-theme-volantis/commit/9023ce573d8ad0595990dafb13553817d749fee8))
+
+
+### Code Refactoring
+
+* **artalk:** imgUploader -> imageUploader ([8cde195](https://github.com/volantis-x/hexo-theme-volantis/commit/8cde195b30c2111338ac2bcec45bcaf145867ccf))
+
+
+### Miscellaneous Chores
+
+* release 5.6.0 ([cd60196](https://github.com/volantis-x/hexo-theme-volantis/commit/cd60196d4dc730d9d8d238ad1958f868b103ebfb))
+
+## [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)
+
+
+### Features
+
+* **VolantisRequest:** Fetch, POST, Get ([ea98dbc](https://github.com/volantis-x/hexo-theme-volantis/commit/ea98dbcc4c3a9bfc0bf6de452e0da826276ff29c))
+
+
+### Bug Fixes
+
+* **fcircle:** CDN ([#765](https://github.com/volantis-x/hexo-theme-volantis/issues/765)) ([35a2e97](https://github.com/volantis-x/hexo-theme-volantis/commit/35a2e971da07eb30e4cb9a0fdeaafe74580cbcd0))
+
 ### [5.3.2](https://github.com/volantis-x/hexo-theme-volantis/compare/v5.3.1...v5.3.2) (2022-05-24)
 
 

package/_config.yml

@@ -59,7 +59,7 @@ cdn:
 cdn_version: true
 # volantis static 静态资源文件 npm 包 CDN 地址 (后面加 "/" )
 # https://github.com/volantis-x/volantis-static
-volantis_static_cdn: https://unpkg.com/volantis-static@0.0.1649552113628/
+volantis_static_cdn: https://unpkg.com/volantis-static@0.0.1654736714924/
 ########################################################################
 # 全局页面字符串替换  A => B (可用于临时修改错字等)
 replace:
@@ -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'
@@ -205,11 +205,45 @@ article:
       # ----------------
       # 版权声明组件 (for layout: post)
       copyright:
-        enable: true
+        enable: false
         permalink: '本文永久链接是：'
         content:
           - '博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议'
           - permalink
+         # 自定义版权组件：精细到文章的版权声明
+        custom: false # 开启后替代上方内容的版权显示
+        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:
@@ -290,7 +324,7 @@ comments:
     placeholder: # 评论占位
     # artalk 有三类图片：1.上传至服务端 2.上传至服务端后利用upgit上传至图床 3.前端上传至图床（本配置为此类）
     # 配置此项时将覆盖服务端上传能力
-    imgUploader:
+    imageUploader:
       # 以兰空图床为例，下列填写内容为：
       # url: 'https://xxxxxx/api/v1/upload'
       # token: 'Bearer xxxxxxxxxxxxxx'
@@ -482,6 +516,7 @@ sidebar:
     toc:
       class: toc
       display: [desktop, mobile] # [desktop, mobile]
+      sticky: true
       header:
         icon: fa-solid fa-list
         title: 本文目录
@@ -540,21 +575,21 @@ sidebar:
           text: '文章数目：'
           unit: '篇'
         runtime:
-          enable: true
+          enable: false
           data: '2020/01/01'    # 填写建站日期
           text: '已运行时间：'
           unit: '天'
         wordcount:
-          enable: true
+          enable: false
           text: '本站总字数：'   # 需要启用 wordcount
           unit: '字'
         visitcounter:
           siteuv:
-            enable: true
+            enable: false
             text: '本站访客数：'
             unit: '人'
           sitepv:
-            enable: true
+            enable: false
             text: '本站总访问量：'
             unit: '次'
         lastupd:
@@ -678,9 +713,9 @@ plugins:
     copy_code: true
     # 如果开启以下配置, hexo.config.highlight.enable 需要设置为 false ; hexo.config.highlight.enable 设置为 true, 则以下配置无效
     # # 不再支持 v11.1.0 以下版本
-    # js: https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.2.0/build/highlight.min.js # Please set hexo.config.highlight.enable = false !!!
-    # css: https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.2.0/build/styles/default.min.css
-    # # # more: https://www.jsdelivr.com/package/npm/highlight.js?path=styles
+    # js: https://unpkg.com/@highlightjs/cdn-assets@11.5.1/highlight.min.js # Please set hexo.config.highlight.enable = false !!!
+    # css: https://unpkg.com/@highlightjs/cdn-assets@11.5.1/styles/default.min.css
+    # # # more: https://www.jsdelivr.com/package/npm/@highlightjs/cdn-assets?path=styles
 
   # prismjs
   # https://prismjs.com/
@@ -841,7 +876,7 @@ plugins:
   bbtalk:
     # Set `plugins: ["bbtalk"]` to enable in front-matter
     # 不支持 Pjax
-    js: https://unpkg.com/bbtalk@0/dist/bbtalk.js # BBtalk.js
+    js: https://unpkg.com/bbtalk@0.1.5/dist/bbtalk.js # BBtalk.js
     appId: 0KzOX4vC7Jsk6vzUGNeEiUaI-gzGzoHsz # your appID
     appKey: HwCiWuxfpvKiLm4teCUgTIba # your appKEY
     serverURLs: https://bbapi.heson10.com # Request Api 域名
@@ -852,10 +887,10 @@ plugins:
   fcircle:
     # Set `plugins: ["fcircle"]` to enable in front-matter
     # 支持 Pjax
-    api: '' # api 地址
-    message: '与主机通讯中……'  # 占位文字
-    css: 'https://cdn.jsdelivr.net/gh/lmm214/immmmm/themes/hello-friend/static/fcircle-beta.css'
-    js: 'https://cdn.jsdelivr.net/gh/lmm214/immmmm/themes/hello-friend/static/fcircle-beta.js'
+    api: https://fcircle-api.example.com/ # api 地址
+    message: 与主机通讯中……  # 占位文字
+    css: volantis-static/libs/fcircle/fcircle.css
+    js: volantis-static/libs/fcircle/fcircle.js
 
   # 消息提示 
   # izitoast@1.4.0
@@ -915,7 +950,7 @@ plugins:
 
 ### 自定义右键 新
 rightmenus:
-  enable: true
+  enable: false
   # 右键菜单项及加载顺序
   # 内容示例：plugins.[组名], menus.[组名], hr(分割线，推荐去线留白), music(音乐控制器)
   order:
@@ -951,9 +986,9 @@ rightmenus:
     # 图标前缀 fa-solid, fa-regular, fa-light, fa-thin, fa-duotone, fa-brands
     iconPrefix: fa-solid
     # 例外，在 articlePage 组显示时（文章页）时依旧显示含 link 属性的菜单项
-    articleShowLink: false
+    articleShowLink: true
     # 当设定全局音乐播放器时，是否一直显示音乐控制菜单。false：仅当音乐播放时启用
-    musicAlwaysShow: false
+    musicAlwaysShow: true
   # 右键内置组，预置实现
   plugins:
     # 导航组件
@@ -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,11 +1,30 @@
 <%
   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', '')
+
+  let checkComment = false;
+  if (theme.analytics && theme.analytics.leancloud && theme.analytics.leancloud.app_id
+    || theme.analytics.busuanzi
+    || theme.comments.service=='waline' && theme.comments.waline.pageview
+    || theme.comments.service=='twikoo'
+    || theme.comments.service=='discuss'
+    || theme.comments.service=='artalk') {
+    checkComment = !checkComment;
+  } 
 %>
 
-<% if (!!page.comments) { %>
+<% if (!!page.comments && checkComment) { %>
 <div class="new-meta-item browse">
   <a class='notlink'>
     <p>

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,
@@ -27,7 +27,7 @@
       darkMode: volantis.dark.mode === "dark",
       pvEl: '#artalk_visitors',
 
-      <% if(!!theme.comments.artalk.imgUploader?.api){ %>
+      <% if(!!theme.comments.artalk.imageUploader?.api){ %>
       imgUploader: function(file) {
         let headers = new Headers();
         headers.set('Accept', 'application/json');
@@ -46,7 +46,7 @@
       <% } %>
     }));
 
-    Artalk.Use(ctx => {
+    Artalk.use(ctx => {
       ctx.on('list-loaded', () => {
         if (typeof VolantisFancyBox === "undefined"){
           const checkFancyBox = setInterval(() => {
@@ -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/comments/disqus/script.ejs

@@ -71,6 +71,7 @@
 
   // 点击了加载
   function needLoadDisqus() {
+    if(!document.querySelectorAll("#layoutHelper-comments")[0])return;
     checkDisqus();
     volantis.dom.$(document.getElementById("load-btns")).hide();
     volantis.dom.$(document.getElementById("loading-comments")).show();

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/rightmenus/layout.ejs

@@ -82,7 +82,7 @@
 <% rightMenu.rederFunction = item => { %>
 <%   if (!!item && !!item['event'] && item['group'] !== 'navigation') { %>
 <%     if (rightMenu.defaultEvent.some(value => { return value === item['event'] })) { %>
-  <!-- RightMenusFunction['<%- item.id %>'] = (fun) => {fun()} -->
+  //RightMenusFunction['<%- item.id %>'] = (fun) => {fun()}
 <%     } else if (item['group'] === 'seletctText') { %>
   RightMenusFunction['<%- item.id %>'] = (__text__) => {<%- item.event %>}
 <%     } else if (item['group'] === 'elementCheck' || item['group'] === 'elementImage') { %>

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">
@@ -25,10 +25,10 @@
         </div>
       <% } %>
 
-      <% if (item.type.visitcounter.siteuv.enable && (!!theme.analytics.busuanz || !!theme.analytics.leancloud.app_id)) { %>
+      <% if (item.type.visitcounter.siteuv.enable && (!!theme.analytics.busuanzi || !!theme.analytics.leancloud.app_id)) { %>
         <div class="webinfo-item">
           <div><%= item.type.visitcounter.siteuv.text %></div>
-          <% if (!!theme.analytics.busuanz) {%>
+          <% if (!!theme.analytics.busuanzi) {%>
           <div><span id="busuanzi_value_site_uv"><i class="fa-solid fa-fan fa-spin fa-fw" aria-hidden="true"></i></span> <%= item.type.visitcounter.siteuv.unit %></div>
           <% } else { %>
           <div><span id="lc-uv"><span id='number'><i class="fa-solid fa-loader fa-spin fa-fw" aria-hidden="true"></i></span></span> <%= item.type.visitcounter.siteuv.unit %></div>
@@ -36,10 +36,10 @@
         </div>
       <% } %>
 
-      <% if (item.type.visitcounter.sitepv.enable && (!!theme.analytics.busuanz || !!theme.analytics.leancloud.app_id)) { %>
+      <% if (item.type.visitcounter.sitepv.enable && (!!theme.analytics.busuanzi || !!theme.analytics.leancloud.app_id)) { %>
         <div class="webinfo-item">
           <div><%= item.type.visitcounter.sitepv.text %></div>
-          <% if (!!theme.analytics.busuanz) {%>
+          <% if (!!theme.analytics.busuanzi) {%>
           <div><span id="busuanzi_value_site_pv"><i class="fa-solid fa-fan fa-spin fa-fw" aria-hidden="true"></i></span> <%= item.type.visitcounter.sitepv.unit %></div>
           <% } else { %>
           <div><span id="lc-sv"><span id='number'><i class="fa-solid fa-loader fa-spin fa-fw" aria-hidden="true"></i></span></span> <%= item.type.visitcounter.sitepv.unit %></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-volantis",
-  "version": "5.3.2",
+  "version": "5.6.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/app.js

@@ -67,7 +67,7 @@ const VolantisApp = (() => {
   }
 
   fn.event = () => {
-    volantis.dom.$(document.getElementById("scroll-down")).on('click', function () {
+    volantis.dom.$(document.getElementById("scroll-down"))?.on('click', function () {
       fn.scrolltoElement(volantis.dom.bodyAnchor);
     });
 
@@ -1126,3 +1126,47 @@ const DOMController = {
   }
 }
 Object.freeze(DOMController);
+
+const VolantisRequest = {
+  timeoutFetch: (url, ms, requestInit) => {
+    const controller = new AbortController()
+    requestInit.signal?.addEventListener('abort', () => controller.abort())
+    let promise = fetch(url, { ...requestInit, signal: controller.signal })
+    if (ms > 0) {
+      const timer = setTimeout(() => controller.abort(), ms)
+      promise.finally(() => { clearTimeout(timer) })
+    }
+    promise = promise.catch((err) => {
+      throw ((err || {}).name === 'AbortError') ? new Error(`Fetch timeout: ${url}`) : err
+    })
+    return promise
+  },
+
+  Fetch: async (url, requestInit, timeout = 15000) => {
+    const resp = await VolantisRequest.timeoutFetch(url, timeout, requestInit);
+    if (!resp.ok) throw new Error(`Fetch error: ${url} | ${resp.status}`);
+    let json = await resp.json()
+    if (!json.success) throw json
+    return json
+  },
+
+  POST: async (url, data) => {
+    const requestInit = {
+      method: 'POST',
+    }
+    if (data) {
+      const formData = new FormData();
+      Object.keys(data).forEach(key => formData.append(key, String(data[key])))
+      requestInit.body = formData;
+    }
+    const json = await VolantisRequest.Fetch(url, requestInit)
+    return json.data;
+  },
+
+  Get: async (url, data) => {
+    const json = await VolantisRequest.Fetch(url + (data ? (`?${new URLSearchParams(data)}`) : ''), {
+      method: 'GET'
+    })
+  }
+}
+Object.freeze(VolantisRequest);

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,20 @@ 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.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.setStyle('.copyright.license', 'margin', '15px 0'); 
     volantis.isReadModel = volantis.isReadModel === undefined ? true : !volantis.isReadModel;
     if (volantis.isReadModel) {
       if (RightMenus.messageRightMenu) VolantisApp.message('系统提示', '阅读模式已开启，您可以点击屏幕空白处退出。', {
@@ -593,7 +594,8 @@ RightMenus.fun = (() => {
     } else {
       document.querySelector('#l_body').removeEventListener('click', fn.readMode);
       document.querySelector('#post').removeEventListener('click', fn.readMode);
-      document.querySelector('.prev-next').style.display = 'flex'; // 单独修改
+      DOMController.setStyle('.prev-next', 'display', 'flex'); 
+      DOMController.setStyle('.copyright.license', 'margin', '15px -40px'); 
     }
   }