feat: implemented open graph
This commit is contained in:
@@ -11,19 +11,24 @@
|
|||||||
export let title;
|
export let title;
|
||||||
export let date;
|
export let date;
|
||||||
export let desc;
|
export let desc;
|
||||||
|
export let img_cov;
|
||||||
|
|
||||||
|
let ogImgage = '/blog-covers/' + img_cov.split('|')[0];
|
||||||
let ddate = new Date(Date.parse(date)).toDateString();
|
let ddate = new Date(Date.parse(date)).toDateString();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
<title>{title} - Amys Blog</title>
|
<title>{title} - Amys Blog</title>
|
||||||
<meta property="og:title" content={title} />
|
<meta property="og:title" content={title} />
|
||||||
|
<meta property="og:description" content={desc} />
|
||||||
|
<meta property="og:image" content={ogImgage} />
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<div class="title media-margin">
|
<div class="title media-margin">
|
||||||
<!-- prettier-ignore -->
|
<!-- prettier-ignore -->
|
||||||
<h1>{title}</h1><p class="date">Last updated {ddate}</p>
|
<h1>{title}</h1>
|
||||||
|
<p class="date">Last updated {ddate}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="blog-text media-margin">
|
<div class="blog-text media-margin">
|
||||||
<p>{desc}</p>
|
<p>{desc}</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user