.github/workflows/deploy-blog.yml

@@ -20,7 +20,7 @@ jobs:
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v5
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
@@ -55,7 +55,7 @@ jobs:
 
     steps:
       - name: Checkout blog-content branch
-        uses: actions/checkout@v5
+        uses: actions/checkout@v4
         with:
           ref: blog-content
 

astro.config.mjs

@@ -20,10 +20,6 @@ export default defineConfig({
   },
   integrations: [sitemap(), svelte()],
   markdown: {
-    syntaxHighlight: {
-      type: 'shiki',
-      excludeLangs: ['mermaid', 'math'],
-    },
     rehypePlugins: [rehypeMermaid],
   },
 })

src/components/Spinner.astro

@@ -1,4 +1,4 @@
-<div id="page-loading-indicator" aria-hidden="true" transition:persist>
+<div id="page-loading-indicator" aria-hidden="true">
     <span class="page-loading-spinner"></span>
 </div>
 
@@ -36,17 +36,18 @@
         height: 2rem;
         display: grid;
         place-items: center;
-        transform: 
-            scale(1.3)
-            translateY(-70px);
+        opacity: 0;
+        transform: scale(1.3);
         pointer-events: none;
-        transition:
-            transform 160ms linear;
+        /* transition:
+            opacity 160ms ease,
+            transform 160ms ease; */
         z-index: 9999;
     }
 
     #page-loading-indicator.is-active {
-        transform: scale(1) translateY(0px);
+        opacity: 1;
+        transform: scale(1);
     }
 
     .page-loading-spinner {

src/styles/global.css

@@ -49,13 +49,6 @@ td code {
   background: rgba(127, 127, 127, 0.12);
 }
 
-article svg.flowchart,
-article svg[class*="flowchart"],
-article svg[id^="mermaid-"] {
-  display: block;
-  margin: 1.5rem auto;
-}
-
 html {
   font-family: "Maple Mono", "Maple Mono CN", monospace;
   background-color: #ffffff;