diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index c02ccd4..8392e3e 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -4,6 +4,7 @@ import LeftNav from "../components/LeftNav.astro";
 import classNames from "classnames";
 import "../styles/global.scss";
 import "katex/dist/katex.min.css";
+import portrait from "../assets/self.png";
 
 interface Props {
   title?: string;
@@ -21,6 +22,7 @@ const hasToc = toc ?? false;
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="og:image" content={portrait.src} />
     <title>{title && `${title} - `} Michael Zhang</title>
     <script
       data-goatcounter="https://goatcounter.mzhang.io/count"
diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
index 30a3673..ae9da1d 100644
--- a/src/pages/posts/[...slug].astro
+++ b/src/pages/posts/[...slug].astro
@@ -7,7 +7,6 @@ import Timestamp from "../../components/Timestamp.astro";
 import { getImage } from "astro:assets";
 import TocWrapper from "../../components/TocWrapper.astro";
 import TagList from "../../components/TagList.astro";
-import portrait from "../../assets/self.png";
 
 export async function getStaticPaths() {
   const posts = await getCollection("posts");
@@ -21,7 +20,7 @@ type Props = CollectionEntry<"posts">;
 
 const post = Astro.props;
 const { Content, remarkPluginFrontmatter, headings } = await post.render();
-const { title, toc, heroImage: heroImagePath, heroAlt, draft } = post.data;
+const { title, toc, heroImage: heroImagePath, heroAlt } = post.data;
 
 let heroImage = undefined;
 if (heroImagePath) {
@@ -41,16 +40,16 @@ const excerpt = remarkPluginFrontmatter.excerpt?.replaceAll("\n", "");
   <meta slot="head" property="og:description" content={excerpt} />
   <meta slot="head" property="og:type" content="article" />
   <meta slot="head" property="og:locale" content="en_US" />
-  {heroImage ?
-    <>
-      <meta slot="head" property="og:image" content={heroImage.src} />
-      {heroAlt && <meta slot="head" property="og:image:alt" content={heroAlt} />}
-    </>
-    :
-    <>
-      <meta slot="head" property="og:image" content={portrait.src} />
-    </>
-  }
+  <!-- {
+    heroImage ? (
+      <>
+        <meta slot="head" property="og:image" content={heroImage.src} />
+        {heroAlt && <meta slot="head" property="og:image:alt" content={heroAlt} />}
+      </>
+    ) : (
+      <></>
+    )
+  } -->
 
   <meta slot="head" property="keywords" content={post.data.tags.join(", ")} />
   <meta slot="head" property="description" content={excerpt} />
