From d9358f391b6e4cdfc76b46bdc82988f31fc9025f Mon Sep 17 00:00:00 2001
From: moris <moris@noreply.moris.day>
Date: Sun, 9 Mar 2025 10:59:58 +0900
Subject: [PATCH] =?UTF-8?q?ogp=E3=81=ABdata=20url=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=E3=81=97?=
 =?UTF-8?q?=E3=81=9F&..?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/(DefaultStyle)/post/[slug]/+page.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
index fc59219..d2e369b 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
@@ -13,6 +13,7 @@
 
 	const baseURL = `https://${PUBLIC_HOSTNAME}${base}`
 	const canonical = `${baseURL}/post/${data.id}/`
+	const thumbnail = data.metadata.thumbnail
 
 	// toggle code frame
 	onMount(()=>{
@@ -83,8 +84,8 @@
 	<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}"/>
+	{#if URL.parse(thumbnail)?.protocol == 'https:' && !thumbnail.endsWith('svg')}
+		<meta property="og:image" content="{thumbnail}"/>
 	{:else}
 		<meta property="og:image" content="https://moris.day/apple-touch-icon.png"/>
 	{/if}
@@ -122,8 +123,8 @@
 			</div>
 		</div>
 
-		{#if data.metadata.thumbnail}
-			<img class="thumbnail" alt="thumbnail" src="{data.metadata.thumbnail}" style='view-transition-name: {data.id}'/>
+		{#if thumbnail}
+			<img class="thumbnail" alt="thumbnail" src="{thumbnail}" style='view-transition-name: {data.id}'/>
 		{:else if data.metadata.emoji}
 			<div class='thumbnail emoji'><img class="emoji" alt="thumbnail" src="{data.metadata.emoji}" style='view-transition-name: {data.id}'/></div>
 		{/if}