feat: add line number to code spippets (default hide)

Author: zhongyangxun

astro.config.mjs

@@ -7,6 +7,8 @@ import react from '@astrojs/react';
 
 import expressiveCode from 'astro-expressive-code';
 
+import { pluginLineNumbers } from '@expressive-code/plugin-line-numbers';
+
 // https://astro.build/config
 export default defineConfig({
   site: 'https://zhongyangxun.github.io',
@@ -21,6 +23,10 @@ export default defineConfig({
     react(),
     expressiveCode({
       themes: ['catppuccin-macchiato'],
+      plugins: [pluginLineNumbers()],
+      defaultProps: {
+        showLineNumbers: false,
+      },
     }),
   ],
 });

package-lock.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@astrojs/react": "^4.4.2",
+    "@expressive-code/plugin-line-numbers": "^0.41.7",
     "@fontsource-variable/inter": "^5.2.8",
     "@fontsource-variable/noto-sans-sc": "^5.2.10",
     "@tailwindcss/vite": "^4.2.1",