主题修复

src/layouts/BaseLayout.astro

@@ -14,7 +14,7 @@ interface Props { title?: string; description?: string; image?: string; type?: '
 const { title, description, image, type, noindex, math, navbarOverlay = false } = Astro.props;
 const hasMasthead = Astro.slots.has('masthead');
   const appearanceScript = `(function(){var r=document.documentElement,t='mirages-theme',s='mirages-font-scale',f='mirages-font-family',themes=['auto','light','sunset','dark'],fonts=['serif','sans'],stored=Number(localStorage.getItem(s)),scale=stored>=.8&&stored<=1.5?stored*100:stored>=80&&stored<=150?stored:100,theme=localStorage.getItem(t),font=localStorage.getItem(f);scale=Math.round(scale/5)*5;r.dataset.theme=themes.indexOf(theme)>-1?theme:'${siteConfig.appearance.defaultTheme}';r.dataset.font=fonts.indexOf(font)>-1?font:'sans';r.dataset.platform=/Win/.test(navigator.userAgentData?.platform||navigator.platform)?'windows':'other';r.style.fontSize=scale+'%'})();`;
-  const tabsScript = `document.addEventListener('click',function(event){var button=event.target.closest('[data-shortcode-tab]');if(!button)return;var group=button.closest('[data-shortcode-tabs]');var id=button.dataset.shortcodeTab;group.querySelectorAll('[data-shortcode-tab="'+id+'"]').forEach(function(tab){var active=tab===button;tab.setAttribute('aria-selected',String(active));tab.tabIndex=active?0:-1;var panel=group.querySelector('#'+tab.getAttribute('aria-controls'));if(panel)panel.hidden=!active;});});`;
+  const tabsScript = `if(!window.__tabsInit){window.__tabsInit=true;document.addEventListener('click',function(event){var button=event.target.closest('[data-shortcode-tab]');if(!button)return;var group=button.closest('[data-shortcode-tabs]');var id=button.dataset.shortcodeTab;group.querySelectorAll('[data-shortcode-tab=\"'+id+'\"]').forEach(function(tab){var active=tab===button;tab.setAttribute('aria-selected',String(active));tab.tabIndex=active?0:-1;var panel=group.querySelector('#'+tab.getAttribute('aria-controls'));if(panel)panel.hidden=!active;});});}`;
   const collapseScript = `function initCollapse(){document.querySelectorAll('.shortcode-collapse').forEach(function(details){details.dataset.collapseReady='';details.classList.toggle('is-expanded',details.open);var body=details.querySelector(':scope>.shortcode-body');if(body instanceof HTMLElement&&details.open)body.style.height='auto';});}initCollapse();document.addEventListener('astro:page-load',initCollapse);document.addEventListener('click',function(event){var summary=event.target.closest('.shortcode-collapse>summary');if(!summary)return;var details=summary.parentElement;if(!(details instanceof HTMLDetailsElement))return;event.preventDefault();var body=details.querySelector(':scope>.shortcode-body');if(!(body instanceof HTMLElement))return;var expand=!details.classList.contains('is-expanded');details.classList.toggle('is-expanded',expand);if(matchMedia('(prefers-reduced-motion: reduce)').matches){details.open=expand;body.style.height=expand?'auto':'';delete details.dataset.animating;return;}var height=body.getBoundingClientRect().height;details.open=true;body.style.height=height+'px';void body.offsetHeight;details.dataset.animating='true';body.style.height=(expand?body.scrollHeight:0)+'px';});document.addEventListener('transitionend',function(event){var body=event.target;if(!(body instanceof HTMLElement)||!body.classList.contains('shortcode-body')||event.propertyName!=='height')return;var details=body.parentElement;if(!(details instanceof HTMLDetailsElement))return;var expanded=details.classList.contains('is-expanded');details.open=expanded;body.style.height=expanded?'auto':'';delete details.dataset.animating;});`;
 ---
 
@@ -51,10 +51,35 @@ const hasMasthead = Astro.slots.has('masthead');
     <script>
       import pangu from 'pangu/browser';
 
-      const applyPanguSpacing = () => pangu.spacingPage();
+      const applyPanguSpacing = () => {
+        document.querySelectorAll('pre, code, .line').forEach((el) => el.classList.add('no-pangu-spacing'));
+        document.querySelectorAll('.prose p, .prose li, .prose blockquote, .prose h1, .prose h2, .prose h3, .prose h4').forEach((el) => {
+          pangu.spacingNode(el);
+        });
+      };
 
       applyPanguSpacing();
       document.addEventListener('astro:page-load', applyPanguSpacing);
+
+      const initCodeLineNumbers = () => {
+        document.querySelectorAll<HTMLElement>('.prose .astro-code').forEach((block) => {
+          if (block.querySelector(':scope > .code-line-numbers')) return;
+          const lines = block.querySelectorAll(':scope > code > .line');
+          if (!lines.length) return;
+          const gutter = document.createElement('span');
+          gutter.className = 'code-line-numbers';
+          gutter.setAttribute('aria-hidden', 'true');
+          for (let index = 1; index <= lines.length; index += 1) {
+            const number = document.createElement('span');
+            number.textContent = String(index);
+            gutter.append(number);
+          }
+          block.append(gutter);
+        });
+      };
+
+      initCodeLineNumbers();
+      document.addEventListener('astro:page-load', initCodeLineNumbers);
     </script>
   </body>
 </html>