fix: fix og image generation errors

app/components/OgImage/BlogPost.vue

@@ -110,6 +110,8 @@ const formattedAuthorNames = computed(() => {
               v-if="author.avatar"
               :src="author.avatar"
               :alt="author.name"
+              width="48"
+              height="48"
               class="w-full h-full object-cover"
             />
             <span v-else style="font-size: 20px; color: #666; font-weight: 500">

modules/blog.ts

@@ -51,14 +51,14 @@ async function fetchBlueskyAvatars(
     for (const profile of data.profiles) {
       if (profile.avatar) {
         const hash = crypto.createHash('sha256').update(profile.avatar).digest('hex')
-        const dest = join(imagesDir, `${hash}.jpg`)
+        const dest = join(imagesDir, `${hash}.png`)
 
         if (!existsSync(dest)) {
-          const res = await fetch(profile.avatar)
-          await writeFile(join(imagesDir, `${hash}.jpg`), res.body!)
+          const res = await fetch(`${profile.avatar}@png`)
+          await writeFile(join(imagesDir, `${hash}.png`), res.body!)
         }
 
-        avatarMap.set(profile.handle, `/blog/avatar/${hash}.jpg`)
+        avatarMap.set(profile.handle, `/blog/avatar/${hash}.png`)
       }
     }
   } catch (error) {
@@ -85,7 +85,7 @@ function resolveAuthors(authors: Author[], avatarMap: Map<string, string>): Reso
  * Resolves Bluesky avatars at build time.
  */
 async function loadBlogPosts(blogDir: string, imagesDir: string): Promise<BlogPostFrontmatter[]> {
-  const files: string[] = globSync(join(blogDir, '*.md'))
+  const files: string[] = globSync(join(blogDir, '*.md').replace(/\\/g, '/'))
 
   // First pass: extract raw frontmatter and collect all Bluesky handles
   const rawPosts: Array<{ frontmatter: Record<string, unknown> }> = []