Add cache-busting query param to OG images

src/components/Head.astro

@@ -21,6 +21,14 @@ interface Props {
 
 const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 
+// For blog posts with date-slug format, show pretty URL in og:url/canonical
+// This handles both direct /slug access and proxy /blog/slug access
+const pathParts = Astro.url.pathname.split('/').filter(Boolean);
+const blogPostMatch = pathParts[0] === 'blog' ? pathParts[1] : pathParts[0];
+const isBlogPost = blogPostMatch?.match(/^\d{4}-\d{2}-\d{2}-/);
+const finalCanonicalPath = isBlogPost ? `/${blogPostMatch}/` : Astro.url.pathname;
+const finalCanonicalURL = new URL(finalCanonicalPath, Astro.site);
+
 const { title, description, image = "/astro-micro.jpg" } = Astro.props;
 ---
 
@@ -35,7 +43,7 @@ const { title, description, image = "/astro-micro.jpg" } = Astro.props;
 <meta name="generator" content={Astro.generator} />
 
 <!-- Canonical URL -->
-<link rel="canonical" href={canonicalURL} />
+<link rel="canonical" href={finalCanonicalURL} />
 
 <!-- Primary Meta Tags -->
 <title>{title}</title>
@@ -44,17 +52,17 @@ const { title, description, image = "/astro-micro.jpg" } = Astro.props;
 
 <!-- Open Graph / Facebook -->
 <meta property="og:type" content="website" />
-<meta property="og:url" content={Astro.url} />
+<meta property="og:url" content={finalCanonicalURL} />
 <meta property="og:title" content={title} />
 <meta property="og:description" content={description} />
-<meta property="og:image" content={new URL(image, Astro.url)} />
+<meta property="og:image" content={new URL(image + '?v=2', Astro.url)} />
 
 <!-- Twitter -->
 <meta property="twitter:card" content="summary_large_image" />
-<meta property="twitter:url" content={Astro.url} />
+<meta property="twitter:url" content={finalCanonicalURL} />
 <meta property="twitter:title" content={title} />
 <meta property="twitter:description" content={description} />
-<meta property="twitter:image" content={new URL(image, Astro.url)} />
+<meta property="twitter:image" content={new URL(image + '?v=2', Astro.url)} />
 
 <!-- PageFind -->
 <link href="/pagefind/pagefind-ui.css" rel="stylesheet" />