feat: toc支持h1

D-Sketon · Jan 14, 2024 · 0d72ba8 · 0d72ba8
1 parent 3d5b4f0
commit 0d72ba8
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-reimu",
-  "version": "0.0.11",
+  "version": "0.1.0-alpha",
   "description": "A Hakurei Reimu style Hexo theme",
   "main": "index.js",
   "scripts": {

diff --git a/source/css/_partial/highlight.styl b/source/css/_partial/highlight.styl
@@ -41,12 +41,12 @@ $line-numbers
       border-radius: 10px
       background-color: var(--highlight-scrollbar)
 
-  pre, code
+  pre, code, kbd
     font-family: "Ubuntu Mono"
     font-size: 95%
     transition: all 0.3s ease
 
-  code
+  code, kbd
     background: var(--color-code-background)
     padding: 1px 5px
     border-radius: 5px

diff --git a/source/css/_partial/sidebar.styl b/source/css/_partial/sidebar.styl
@@ -423,7 +423,7 @@ $menu-link
     width: 5px
     height: 5px
 
-.toc
+.sidebar-toc-wrapper
   color: var(--color-link)
   a, span
     color: var(--color-link)
@@ -460,6 +460,16 @@ $menu-link
         border-radius: 50%
         opacity: 1
 
+  .toc-level-1
+    list-style: none
+
+    &:before
+      display: none
+    >a
+      width: 100%
+      display: inline-block
+      text-align: center
+
   .toc-child 
     display: none;
 

diff --git a/source/js/pjax_script.js b/source/js/pjax_script.js
@@ -205,7 +205,9 @@ var scrollIntoViewAndWait = (element) => {
   });
 
   (function () {
-    const navItems = getComputedStyle(document.getElementById('sidebar')).display === 'block' ? $('#sidebar .toc li') : $('#mobile-nav .toc li');
+    const navItems = getComputedStyle(document.getElementById('sidebar')).display === 'block' ?
+      $('#sidebar .sidebar-toc-wrapper li') :
+      $('#mobile-nav .sidebar-toc-wrapper li');
     if (navItems.length === 0) return;
 
     let activeLock = null;
@@ -238,7 +240,7 @@ var scrollIntoViewAndWait = (element) => {
       if (!target) return;
       if (target.hasClass('current')) return;
 
-      $('.toc .active').removeClass('active current');
+      $('.sidebar-toc-wrapper .active').removeClass('active current');
 
       sections.each(function () {
         $(this) && $(this).removeClass('active');