parse markdown in titles at build time

components/embeds/Octocat.tsx

@@ -1,28 +0,0 @@
-const Octocat = (props: { repo: string }) => {
-  return (
-    <a
-      className="no-underline"
-      href={`https://github.com/${props.repo}`}
-      target="_blank"
-      rel="noopener noreferrer"
-      style={{ margin: "0 0.3em", color: "var(--text)" }}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 16 16"
-        width="1em"
-        height="1em"
-        aria-hidden="true"
-        className="icon"
-        fill="currentColor"
-      >
-        <path
-          fillRule="evenodd"
-          d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
-        ></path>
-      </svg>
-    </a>
-  );
-};
-
-export default Octocat;

components/notes/List.tsx

@@ -1,11 +1,11 @@
 import Link from "next/link";
-import Markdown from "markdown-to-jsx";
 import { format } from "date-fns";
 
 import styles from "./List.module.css";
 
 type NoteProps = {
   title: string;
+  htmlTitle?: string;
   date: string;
   slug: string;
 };
@@ -29,9 +29,7 @@ const List = ({ notesByYear }) => {
                   }}
                   prefetch={false}
                 >
-                  <a>
-                    <Markdown options={{ disableParsingRawHTML: true, forceInline: true }}>{note.title}</Markdown>
-                  </a>
+                  <a dangerouslySetInnerHTML={{ __html: note.htmlTitle }} />
                 </Link>
               </span>
             </li>

components/notes/Meta.tsx

@@ -1,6 +1,5 @@
 import Link from "next/link";
 import { format } from "date-fns";
-import Markdown from "markdown-to-jsx";
 import Hits from "../hits/Hits";
 import { DateIcon, TagIcon, EditIcon, ViewsIcon } from "../icons";
 import * as config from "../../lib/config";
@@ -9,12 +8,13 @@ import styles from "./Meta.module.css";
 
 export type Props = {
   title: string;
+  htmlTitle?: string;
   date: string;
   slug: string;
   tags?: string[];
 };
 
-const Meta = ({ title, date, slug, tags = [] }: Props) => (
+const Meta = ({ title, htmlTitle = "", date, slug, tags = [] }: Props) => (
   <>
     <div className={styles.meta}>
       <div className={styles.date}>
@@ -62,9 +62,7 @@ const Meta = ({ title, date, slug, tags = [] }: Props) => (
 
     <h1 className={styles.title}>
       <Link href={`/notes/${slug}/`}>
-        <a>
-          <Markdown options={{ disableParsingRawHTML: true, forceInline: true }}>{title}</Markdown>
-        </a>
+        <a dangerouslySetInnerHTML={{ __html: htmlTitle }} />
       </Link>
     </h1>
   </>