Update pipeline for dev

.gitea/workflows/dev.yml

@@ -9,30 +9,30 @@ jobs:
     name: Build and Deploy
     runs-on: ubuntu-latest
 
-    # services:
-    #   mermaid:
-    #     image: yuzutech/kroki-mermaid  
-    #   kroki:
-    #     image: yuzutech/kroki
-    #     env:
-    #       KROKI_MERMAID_HOST: mermaid
+    services:
+      mermaid:
+        image: yuzutech/kroki-mermaid  
+      kroki:
+        image: yuzutech/kroki
+        env:
+          KROKI_MERMAID_HOST: mermaid
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v7
         name: Checkout code
       
       - name: Setup node and npm
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v7
         with:
-          node-version: lts/*
+          node-version: 24
       
       - name: Install dependencies
-        run: npm install
+        run: npm ci
       
       - name: Check and build
         run: npm run build
-        # env:
-        #   KROKI_SERVER: "http://kroki:8000"
+        env:
+          KROKI_SERVER: "http://kroki:8000"
       
       - name: Copy files via ssh
         uses: appleboy/scp-action@v1

astro.config.mjs

@@ -1,4 +1,5 @@
 import { defineConfig, fontProviders } from 'astro/config';
+import { unified } from '@astrojs/markdown-remark';
 import icon from 'astro-icon';
 import mdx from '@astrojs/mdx';
 //import { remarkModifiedTime } from './src/remark-modified-time.mjs';
@@ -17,17 +18,22 @@ export default defineConfig({
   }],
   integrations: [icon(), mdx()],
   markdown: {
+    processor: unified({
       remarkPlugins: [
         // remarkModifiedTime,
-      remarkMath, [
-        remarkKroki, { 
+        remarkMath,
+        [remarkKroki, { 
             alias: ["mermaid", "tikz"],
             server: process.env.KROKI_SERVER || "https://kroki.io",
             target: "mdx3",
             output: "inline-svg"
-      }
-    ]],
-    rehypePlugins: [rehypeMathjax, [rehypeCallouts, { theme: "obsidian" }]],
+        }]
+      ],
+      rehypePlugins: [
+        rehypeMathjax,
+        [rehypeCallouts, { theme: "obsidian" }]
+      ],
+    }),
     shikiConfig: {
         theme: "one-dark-pro",
     },

package.json

@@ -12,10 +12,11 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/mdx": "^5.0.2",
+    "@astrojs/markdown-remark": "^7.2.4",
+    "@astrojs/mdx": "^7.0.8",
     "@iconify-json/lucide": "^1.2.98",
     "@iconify-json/simple-icons": "^1.2.74",
-    "astro": "^6.0.8",
+    "astro": "^7.2.9",
     "astro-icon": "^1.1.5",
     "rehype-callouts": "^2.1.2",
     "rehype-mathjax": "^7.1.0",

src/pages/blog/[...slug].astro

@@ -2,7 +2,8 @@
 import { getCollection, render } from 'astro:content';
 import BaseLayout from '../../layouts/BaseLayout.astro';
 import "katex/dist/katex.min.css";
-import "rehype-callouts/theme/obsidian"
+// @ts-expect-error Theme is not provided as ".css"
+import "rehype-callouts/theme/obsidian";
 
 export async function getStaticPaths() {
   const blogEntries = await getCollection('blog');

src/pages/book/[...slug].astro

@@ -3,6 +3,7 @@ import { getCollection, render } from 'astro:content';
 import BaseLayout from '../../layouts/BaseLayout.astro';
 import BookNavigation from '../../components/BookNavigation.astro';
 import "katex/dist/katex.min.css";
+// @ts-expect-error Theme is not provided as ".css"
 import "rehype-callouts/theme/obsidian";
 import "../../styles/md-custom.css";
 

src/pages/portfolio/[...slug].astro

@@ -3,7 +3,8 @@ import { getCollection, render } from 'astro:content';
 import { Icon } from "astro-icon/components";
 import BaseLayout from '../../layouts/BaseLayout.astro';
 import "katex/dist/katex.min.css";
-import "rehype-callouts/theme/obsidian"
+// @ts-expect-error Theme is not provided as ".css"
+import "rehype-callouts/theme/obsidian";
 
 export async function getStaticPaths() {
   const portfolioEntries = await getCollection('portfolio');