feat: add astro-expressive-code to enhance code snippets

enhancements: code-copy button, and more

Author: zhongyangxun

astro.config.mjs

@@ -5,6 +5,8 @@ import tailwindcss from '@tailwindcss/vite';
 
 import react from '@astrojs/react';
 
+import expressiveCode from 'astro-expressive-code';
+
 // https://astro.build/config
 export default defineConfig({
   site: 'https://zhongyangxun.github.io',
@@ -15,5 +17,10 @@ export default defineConfig({
     plugins: [tailwindcss()],
   },
 
-  integrations: [react()],
+  integrations: [
+    react(),
+    expressiveCode({
+      themes: ['catppuccin-macchiato'],
+    }),
+  ],
 });