From 0f9fa0112b880f664697257bc5eefb4e34035fe9 Mon Sep 17 00:00:00 2001
From: moris <xinshisheng126@gmail.com>
Date: Mon, 20 Jan 2025 19:15:49 +0900
Subject: [PATCH] =?UTF-8?q?ogp:image=E3=81=ABsvg=E3=81=8C=E5=85=A5?=
 =?UTF-8?q?=E3=82=89=E3=81=AA=E3=81=84=E3=82=88=E3=81=86=E3=81=AB=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(DefaultStyle)/post/[slug]/+page.svelte   | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
index c7132bd..e814984 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
@@ -47,16 +47,19 @@
 	<title>{data.metadata.title} | moris.day Blog</title>
 	<meta name="description" content="{data.metadata.description}"/>
 
-	<meta property="og:type" content="article">
-	<meta property="og:title" content="{data.metadata.title}">
-	<meta property="og:url" content="{baseURL}/post/{data.id}">
-	<meta property="og:description" content="{data.metadata.description}">
-	{#if data.metadata.thumbnail}
-		<meta property="og:image" content="{data.metadata.thumbnail}">
+	<meta property="og:url" content="{baseURL}/post/{data.id}"/>
+	<meta property="og:title" content="{data.metadata.title}"/>
+	<meta property="og:description" content="{data.metadata.description}"/>
+	<meta property="og:type" content="article"/>
+	<meta property="og:locale" content="ja_JP"/>
+	{#if data.metadata.thumbnail && data.metadata.thumbnail.endsWith('.svg')}
+		<meta property="og:image" content="{data.metadata.thumbnail}"/>
+	{:else}
+		<meta property="og:image" content="https://moris.day/apple-touch-icon.png"/>
 	{/if}
 
 	{#if !data.metadata.index}
-		<meta name="robots" content="noindex">
+		<meta name="robots" content="noindex"/>
 	{/if}
 </svelte:head>
 
@@ -71,7 +74,7 @@
 				<a class="tag" href='/blog/category/{data.metadata.category}'>{data.metadata.category}</a>
 			</div>
 
-			{#if data.metadata.tags.length }
+			{#if data.metadata.tags.length}
 			<div class="divider"></div>
 
 			<div class="tags">