use opengraph embed things in BaseBlog

src/layout/BaseBlog.astro

@@ -10,6 +10,10 @@ const {content} = Astro.props;
 	<meta charset="utf-8" />
 	<meta name="viewport" content="width=device-width" />
     <title>{content.title}</title>
+    <meta property="og:type" content="article">
+    <meta property="og:title" content={content.title}/>
+    <meta property="og:description" content={content.description}/>
+    <meta property="og:url" content={Astro.canonicalURL}/>
 	<style>
 a + a {
     margin-left: 5px;