feat: 添加日志输出，增强页面加载过程的可追踪性

Signed-off-by: wangsimiao1 <wangsimiao1@xiaomi.com>

Author: WangSimiao2000

_javascript/categories.js

@@ -1,7 +1,11 @@
 import { basic, initSidebar, initTopbar } from './modules/layouts';
 import { categoryCollapse } from './modules/components';
 
+console.log('[Blog] categories.js loaded');
+
 basic();
 initSidebar();
 initTopbar();
 categoryCollapse();
+
+console.log('[Blog] Categories page fully initialized');

_javascript/commons.js

@@ -1,6 +1,15 @@
 import { basic, initSidebar, initTopbar, initPjax } from './modules/layouts';
 
+console.log('[Blog] commons.js loaded');
+
 initSidebar();
+console.log('[Blog] Sidebar initialized');
+
 initTopbar();
+console.log('[Blog] Topbar initialized');
+
 basic();
+console.log('[Blog] Basic modules initialized');
+
 initPjax();
+console.log('[Blog] PJAX initialized');

_javascript/home.js

@@ -1,8 +1,12 @@
 import { basic, initSidebar, initTopbar } from './modules/layouts';
 import { initLocaleDatetime, loadImg } from './modules/components';
 
+console.log('[Blog] home.js loaded');
+
 loadImg();
 initLocaleDatetime();
 initSidebar();
 initTopbar();
 basic();
+
+console.log('[Blog] Home page fully initialized');

_javascript/misc.js

@@ -1,7 +1,11 @@
 import { basic, initSidebar, initTopbar } from './modules/layouts';
 import { initLocaleDatetime } from './modules/components';
 
+console.log('[Blog] misc.js loaded');
+
 initSidebar();
 initTopbar();
 initLocaleDatetime();
 basic();
+
+console.log('[Blog] Misc page fully initialized');

_javascript/modules/layouts/pjax.js

@@ -32,11 +32,16 @@ function updateActiveNav(path) {
 }
 
 async function navigate(url, pushState = true) {
-  if (isNavigating) return;
+  if (isNavigating) {
+    console.log('[PJAX] Navigation skipped — already navigating');
+    return;
+  }
   isNavigating = true;
+  console.log(`[PJAX] Navigating to: ${url}`);
 
   const container = document.getElementById(CONTAINER_ID);
   if (!container) {
+    console.warn('[PJAX] #swup container not found, falling back to full page load');
     window.location.href = url;
     return;
   }
@@ -46,6 +51,7 @@ async function navigate(url, pushState = true) {
 
   try {
     // Fade out main content only
+    console.log('[PJAX] Fading out main content');
     if (mainContent) {
       mainContent.style.transition = `opacity ${TRANSITION_DURATION}ms ease-in-out`;
       mainContent.style.opacity = '0';
@@ -55,7 +61,9 @@ async function navigate(url, pushState = true) {
 
     // Fetch new page
     const response = await fetch(url);
+    console.log(`[PJAX] Fetch response: ${response.status}`);
     if (!response.ok) {
+      console.warn(`[PJAX] Fetch failed (${response.status}), falling back`);
       window.location.href = url;
       return;
     }
@@ -66,31 +74,42 @@ async function navigate(url, pushState = true) {
 
     const newContainer = doc.getElementById(CONTAINER_ID);
     if (!newContainer) {
+      console.warn('[PJAX] New page has no #swup container, falling back');
       window.location.href = url;
       return;
     }
 
     // Wait for fade out to finish
     await new Promise((r) => setTimeout(r, TRANSITION_DURATION));
+    console.log('[PJAX] Fade out complete, replacing DOM');
 
     // Replace main content
     const newMain = newContainer.querySelector('main');
     if (mainContent && newMain) {
       mainContent.innerHTML = newMain.innerHTML;
+      console.log('[PJAX] ✓ Main content replaced');
+    } else {
+      console.warn('[PJAX] ✗ Main content not found', { mainContent: !!mainContent, newMain: !!newMain });
     }
 
     // Silently replace sidebar (no animation)
     const panel = container.querySelector('#panel-wrapper');
     const newPanel = newContainer.querySelector('#panel-wrapper');
     if (panel && newPanel) {
       panel.innerHTML = newPanel.innerHTML;
+      console.log('[PJAX] ✓ Panel replaced (silent)');
+    } else {
+      console.warn('[PJAX] ✗ Panel not found', { panel: !!panel, newPanel: !!newPanel });
     }
 
     // Replace tail/footer
     const tail = container.querySelector('#tail-wrapper');
     const newTail = newContainer.querySelector('#tail-wrapper');
     if (tail && newTail) {
       tail.innerHTML = newTail.innerHTML;
+      console.log('[PJAX] ✓ Tail/footer replaced (silent)');
+    } else {
+      console.warn('[PJAX] ✗ Tail not found', { tail: !!tail, newTail: !!newTail });
     }
 
     // Update title
@@ -103,6 +122,7 @@ async function navigate(url, pushState = true) {
 
     // Update sidebar active state
     updateActiveNav(new URL(url, window.location.origin).pathname);
+    console.log('[PJAX] Sidebar nav updated');
 
     // Scroll to top
     window.scrollTo({ top: 0 });
@@ -113,14 +133,18 @@ async function navigate(url, pushState = true) {
     } else {
       container.style.opacity = '1';
     }
+    console.log(`[PJAX] ✓ Navigation complete: ${url}`);
   } catch (e) {
+    console.error('[PJAX] Navigation error:', e);
     window.location.href = url;
   } finally {
     isNavigating = false;
   }
 }
 
 export function initPjax() {
+  console.log('[PJAX] Setting up event listeners');
+
   // Intercept clicks on internal links
   document.addEventListener('click', (e) => {
     const link = e.target.closest('a');
@@ -129,13 +153,18 @@ export function initPjax() {
     e.preventDefault();
 
     // Skip if same page
-    if (link.href === window.location.href) return;
+    if (link.href === window.location.href) {
+      console.log('[PJAX] Same page click ignored:', link.href);
+      return;
+    }
 
+    console.log('[PJAX] Link intercepted:', link.href);
     navigate(link.href);
   });
 
   // Handle browser back/forward
   window.addEventListener('popstate', () => {
+    console.log('[PJAX] Popstate (back/forward):', window.location.href);
     navigate(window.location.href, false);
   });
 }

_javascript/page.js

@@ -6,10 +6,14 @@ import {
   loadMermaid
 } from './modules/components';
 
+console.log('[Blog] page.js loaded');
+
 loadImg();
 imgPopup();
 initSidebar();
 initTopbar();
 initClipboard();
 loadMermaid();
 basic();
+
+console.log('[Blog] Page fully initialized');

_javascript/post.js

@@ -9,6 +9,8 @@ import {
   loadMermaid
 } from './modules/components';
 
+console.log('[Blog] post.js loaded');
+
 loadImg();
 initToc();
 imgPopup();
@@ -18,3 +20,5 @@ initClipboard();
 initTopbar();
 loadMermaid();
 basic();
+
+console.log('[Blog] Post page fully initialized');