zenn-markdown-htmlで埋め込みサーバーを使わない埋め込みをする

zenn-markdown-htmlでは、次のコンテンツの埋め込みは埋め込みサーバーを使って実現されている。

• card
• tweet
• gist
• github
• mermaid

このスクラップではこれらの埋め込みをサーバーなしで実現する方法を探す。

方法1

markdownToHtml()のオプションオブジェクトのcustomEmbedに埋め込みのテンプレートを指定する。

const html = markdownToHtml(markdown, {
  customEmbed: {
    tweet(url) {
      return ""; // ここにテンプレートを書く
    },
  },
});

方法2

某さんが紹介していた方法。

https://bou7254.com/posts/zenn-markdown-html-twitter-link-embed-not-displayed

出力したHTMLに対して編集を加える。

custumEmbedに非同期関数を入れられるか怪しいのでとりあえず方法2で考える。