feat: 更新 lazyload 配置，支持原生 lazyload 功能

feat: 代碼優化
feat: 優化 pageType 邏輯
fix: 修復解密文章後， chartjs 沒有加載的 bug

layout/includes/third-party/math/chartjs.pug

@@ -2,9 +2,6 @@
 
 script.
   (() => {
-    const $chartjs = document.querySelectorAll('#article-container .chartjs-container')
-    if ($chartjs.length === 0) return
-
     const applyThemeDefaultsConfig = theme => {
       if (theme === 'dark-mode') {
         Chart.defaults.color = "!{fontColor.dark}"
@@ -20,7 +17,7 @@ script.
     // Recursively traverse the config object and automatically apply theme-specific color schemes
     const applyThemeConfig = (obj, theme) => {
       if (typeof obj !== 'object' || obj === null) return
-      
+
       Object.keys(obj).forEach(key => {
         const value = obj[key]
         // If the property is an object and has theme-specific options, apply them
@@ -35,10 +32,10 @@ script.
       })
     }
 
-    const runChartJS = () => {
+    const runChartJS = ele => {
       window.loadChartJS = true
 
-      Array.from($chartjs).forEach((item, index) => {
+      Array.from(ele).forEach((item, index) => {
         const chartSrc = item.firstElementChild
         const chartID = item.getAttribute('data-chartjs-id') || ('chartjs-' + index) // Use custom ID or default ID
         const width = item.getAttribute('data-width')
@@ -80,12 +77,15 @@ script.
     }
 
     const loadChartJS = () => {
-      window.loadChartJS ? runChartJS() : btf.getScript('!{url_for(theme.asset.chartjs)}').then(runChartJS)
+      const chartJSEle = document.querySelectorAll('#article-container .chartjs-container')
+      if (chartJSEle.length === 0) return
+
+      window.loadChartJS ? runChartJS(chartJSEle) : btf.getScript('!{url_for(theme.asset.chartjs)}').then(() => runChartJS(chartJSEle))
     }
 
     // Listen for theme change events
-    btf.addGlobalFn('themeChange', runChartJS, 'chartjs')
-    btf.addGlobalFn('encrypt', runChartJS, 'chartjs')
+    btf.addGlobalFn('themeChange', loadChartJS, 'chartjs')
+    btf.addGlobalFn('encrypt', loadChartJS, 'chartjs')
 
     window.pjax ? loadChartJS() : document.addEventListener('DOMContentLoaded', loadChartJS)
   })()

layout/includes/third-party/math/index.pug

@@ -1,10 +1,10 @@
 case theme.math.use
   when 'mathjax'
-    if (theme.math.per_page && (is_post() || is_page())) || page.mathjax
+    if (theme.math.per_page && (['post','page'].includes(globalPageType))) || page.mathjax
       include ./mathjax.pug
 
   when 'katex'
-    if (theme.math.per_page && (is_post() || is_page())) || page.katex
+    if (theme.math.per_page && (['post','page'].includes(globalPageType))) || page.katex
       include ./katex.pug
 
 if theme.mermaid.enable

layout/includes/third-party/math/mathjax.pug

@@ -29,7 +29,7 @@ script.
             }
           }
         }
-        
+
         const script = document.createElement('script')
         script.src = '!{url_for(theme.asset.mathjax)}'
         script.id = 'MathJax-script'