Add vercel image generation.

Author: emeraldjava

astro.config.ts

@@ -53,6 +53,7 @@ export default defineConfig({
     //     }
     //   }
     // },
+    plugins: [rawFonts(['.ttf'])],
     optimizeDeps: {
       exclude: ["@resvg/resvg-js"],
     },
@@ -66,3 +67,18 @@ export default defineConfig({
   // So we're instructing Astro to put the static build output in a folder of that name.
   outDir: "./dist",
 });
+
+function rawFonts(ext) {
+  return {
+    name: 'vite-plugin-raw-fonts',
+    transform(_, id) {
+      if (ext.some(e => id.endsWith(e))) {
+        const buffer = fs.readFileSync(id);
+        return {
+          code: `export default ${JSON.stringify(buffer)}`,
+          map: null
+        };
+      }
+    }
+  };
+}

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "emeraldjava.github.io",
-  "version": "2024.11.16",
+  "version": "2024.12.21",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -18,6 +18,7 @@
     "@astrojs/rss": "^4.0.7",
     "@giscus/react": "^3.0.0",
     "@resvg/resvg-js": "^2.6.2",
+    "@vercel/og": "^0.6.4",
     "astro": "^4.16.3",
     "fuse.js": "^7.0.0",
     "lodash.kebabcase": "^4.1.1",

package.json

@@ -45,17 +45,23 @@ async function loadGoogleFonts(
 > {
   const fontsConfig = [
     {
-      name: "IBM Plex Mono",
-      font: "IBM+Plex+Mono",
+      name: "Space Mono",
+      font: "Space+Mono",
       weight: 400,
       style: "normal",
     },
-    {
-      name: "IBM Plex Mono",
-      font: "IBM+Plex+Mono:wght@700",
-      weight: 700,
-      style: "bold",
-    },
+    // {
+    //   name: "IBM Plex Mono",
+    //   font: "IBM+Plex+Mono",
+    //   weight: 400,
+    //   style: "normal",
+    // },
+    // {
+    //   name: "IBM Plex Mono",
+    //   font: "IBM+Plex+Mono:wght@700",
+    //   weight: 700,
+    //   style: "bold",
+    // },
   ];
 
   const fonts = await Promise.all(