feat: setup custom OG Image

Author: MehrdadShirvani

src/content/index.md

@@ -1,5 +1,6 @@
 ---
 title: Home
+socialImage: "og-image.png"
 tags:
   - webinar
   - computer-science
@@ -263,9 +264,6 @@ Here, once a week, we gather - tea in hand, curiosity online, engines engaged -
 
 These sessions aren’t meant to be a class - nor a conference. No towering lecture halls. No rigid protocols. Just a warm, friendly café chat for inquisitive minds - to learn from one another, spark ideas, and build a cozy fellowship of computer enthusiasts.
 
- Till we meet again, fellow travelers of logic… 🙌❤️☕
-
-
-
->	[!tip] [Café CS](AboutUs) - More Than a Gathering. A Brewed Alliance.
+Till we meet again, fellow travelers of logic… 🙌❤️☕
 
+>     [!tip] [Café CS](AboutUs) - More Than a Gathering. A Brewed Alliance.

src/quartz.config.ts

@@ -88,8 +88,13 @@ const config: QuartzConfig = {
       Plugin.Static(),
       Plugin.Favicon(),
       Plugin.NotFoundPage(),
-      // Comment out CustomOgImages to speed up build time
-      Plugin.CustomOgImages(),
+      Plugin.CustomOgImages({
+        colorScheme: "lightMode",     
+        width: 1200,
+        height: 630,
+        excludeRoot: false,
+        // imageStructure: defaultImage  
+      }),
     ],
   },
 }