refactor: reconstructs the scroll configuration items

XPoet · Oct 31, 2023 · a8909aa · a8909aa
1 parent dceafaa
commit a8909aa
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 11 deletions.
diff --git a/_config.yml b/_config.yml
@@ -34,15 +34,9 @@ style:
   # Avatar (You can use local image or image external link)
   avatar: /images/avatar.svg
 
-  # Page scroll style settings
-  scroll:
-    # Show progress bar in top when page scroll
-    progress_bar: false  # Option values: true | false
-
-    # Show percent when page scroll
-    percent: false       # Option values: true | false
-
+# ---------------------------------------------------------------------------------------
 # First screen style settings
+# ---------------------------------------------------------------------------------------
 first_screen:
   enable: false  # Option values: true | false
 
@@ -59,6 +53,16 @@ first_screen:
   # If enable hitokoto, first screen description is different every time when you enter the site
   hitokoto: false      # Option values: true | false
 
+# ---------------------------------------------------------------------------------------
+# Page scroll style settings
+# ---------------------------------------------------------------------------------------
+scroll:
+  # Show progress bar in top when page scroll
+  progress_bar: false  # Option values: true | false
+
+  # Show percent when page scroll
+  percent: false       # Option values: true | false
+
 # ---------------------------------------------------------------------------------------
 # Navigation menu
 # Docs: https://keep-docs.xpoet.cn/basis/configuration-guide/menu.html

diff --git a/layout/_partial/progress-bar.ejs b/layout/_partial/progress-bar.ejs
@@ -1,5 +1,5 @@
 <div class="progress-bar-container">
-    <% if (theme?.style?.scroll?.progress_bar === true) { %>
+    <% if (theme?.scroll?.progress_bar === true) { %>
         <span class="scroll-progress-bar"></span>
     <% } %>
 

diff --git a/source/css/layout/_partial/progress-bar.styl b/source/css/layout/_partial/progress-bar.styl
@@ -48,7 +48,7 @@
     }
   }
 
-  if (hexo-config('style') && hexo-config('style.scroll') && hexo-config('style.scroll.progress_bar') == true) {
+  if (hexo-config('scroll') && hexo-config('scroll.progress_bar') == true) {
     .scroll-progress-bar {
       position absolute
       top 0

diff --git a/source/js/utils.js b/source/js/utils.js
@@ -21,7 +21,7 @@ KEEP.initUtils = () => {
 
     // initialization data
     initData() {
-      const { scroll } = KEEP.theme_config?.style || {}
+      const scroll = KEEP.theme_config?.scroll || {}
       const first_screen = KEEP.theme_config?.first_screen || {}
       this.isHasScrollProgressBar = scroll?.progress_bar === true
       this.isHasScrollPercent = scroll?.percent === true