chore: 更新 publish.yml，為 npm publish 添加 NODE_AUTH_TOKEN 環境變數

* fix: recognize 404 in page type helper
* style: adjust pagination items margin
* feat: use ResizeObserver to update header positions for dynamic article heights

.github/workflows/publish.yml

@@ -3,17 +3,25 @@ name: npm publish
 on:
   release:
     types: [created]
+
 jobs:
   build:
     runs-on: ubuntu-latest
+    
+    permissions:
+      contents: read
+      id-token: write  # OIDC 必須
+
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v4
-    # Setup .npmrc file to publish to npm
+
-    - uses: actions/setup-node@v1
+    - uses: actions/setup-node@v4
       with:
-        node-version: '12.x'
+        node-version: '20.x'
         registry-url: 'https://registry.npmjs.org'
+
     - run: npm install
-    - run: npm publish
+
+    - run: npm publish --provenance --access public
       env:
         NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

_config.yml

@@ -319,6 +319,7 @@ aside:
     # If set 0 will show all
     limit: 40
     color: false
+    custom_colors:
     # Order of tags, random/name/length
     orderby: random
     # Sort of order. 1, asc for ascending; -1, desc for descending
@@ -939,6 +940,10 @@ mermaid:
   theme:
     light: default
     dark: dark
+  # Enable "Open in New Tab" button to view diagram in a separate window
+  open_in_new_tab: true
+  # Enable zoom and pan interactions on diagrams
+  zoom_pan: true
 
 # chartjs
 # see https://www.chartjs.org/docs/latest/

layout/includes/head/config.pug

@@ -72,20 +72,16 @@
     })
   }
 
-  let highlight = 'undefined'
+  let highlightProvider = config.syntax_highlighter || (config.highlight.enable ? 'highlight.js' : config.prismjs.enable ? 'prismjs' : null)
-  let syntaxHighlighter = config.syntax_highlighter
+  const { copy, language, height_limit, fullpage, macStyle, shrink } = theme.code_blocks
-  let highlightEnable = syntaxHighlighter ? ['highlight.js', 'prismjs'].includes(syntaxHighlighter) : (config.highlight.enable || config.prismjs.enable)
+  let highlight = JSON.stringify({
-  if (highlightEnable) {
+    plugin: highlightProvider,
-    const { copy, language, height_limit, fullpage, macStyle } = theme.code_blocks
+    highlightCopy: copy,
-    highlight = JSON.stringify({
+    highlightLang: language,
-      plugin: syntaxHighlighter ? syntaxHighlighter : config.highlight.enable ? 'highlight.js' : 'prismjs',
+    highlightHeightLimit: height_limit,
-      highlightCopy: copy,
+    highlightFullpage: fullpage,
-      highlightLang: language,
+    highlightMacStyle: macStyle
-      highlightHeightLimit: height_limit,
+  })
-      highlightFullpage: fullpage,
-      highlightMacStyle: macStyle
-    })
-  }
 
 script.
   const GLOBAL_CONFIG = {