bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-04-27 17:41:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add dynamic og image links

Browse source
This commit is contained in:
Bart van der Braak 2024-01-19 02:58:10 +01:00
parent 7dafdd236b
commit bc73e10118
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/lib/components/site/metadata.svelte
View file

@ -4,7 +4,8 @@
export let title: string = siteConfig.name; export let title: string = siteConfig.name;
$: title = $page.data?.title ? `${$page.data.title} — ${siteConfig.name}` : siteConfig.name; $: title = $page.data?.name ? `${$page.data.name} — ${siteConfig.name}` : siteConfig.name;
$: ogImage = `${siteConfig.ogImage}?title=${$page.data.title}&subTitle=${$page.data.subTitle}`;
</script> </script>
<svelte:head> <svelte:head>
@ -16,13 +17,13 @@
<meta name="twitter:site" content={siteConfig.url} /> <meta name="twitter:site" content={siteConfig.url} />
<meta name="twitter:title" content={title} /> <meta name="twitter:title" content={title} />
<meta name="twitter:description" content={siteConfig.description} /> <meta name="twitter:description" content={siteConfig.description} />
<meta name="twitter:image" content={siteConfig.ogImage} /> <meta name="twitter:image" content={ogImage} />
<meta name="twitter:image:alt" content={siteConfig.name} /> <meta name="twitter:image:alt" content={siteConfig.name} />
<meta name="twitter:creator" content="Bart van der Braak" /> <meta name="twitter:creator" content="Bart van der Braak" />
<meta property="og:title" content={title} /> <meta property="og:title" content={title} />
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:url" content={siteConfig.url + $page.url.pathname} /> <meta property="og:url" content={siteConfig.url + $page.url.pathname} />
<meta property="og:image" content={siteConfig.ogImage} /> <meta property="og:image" content={ogImage} />
<meta property="og:image:alt" content={siteConfig.name} /> <meta property="og:image:alt" content={siteConfig.name} />
<meta property="og:image:width" content="1200" /> <meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" /> <meta property="og:image:height" content="630" />

2
src/lib/components/site/opengraph-image.svelte
View file

@ -27,6 +27,6 @@
<style> <style>
h2 { h2 {
font-family: 'Geist Bold', 'geist-sans'; font-family: 'Geist Bold', 'Geist Sans';
} }
</style> </style>