各サイトの og やら twitter やらのメタ情報を表示するための独自の Embed を作ってみた。 どうにかして簡単に生成したいが難しそう…。

<div class="card">
  <a href="https://makietan.github.io"></a>
  <div class="card__image">
    <img src="https://makietan.github.io/assets/thumbnail/logo.png">
  </div>
  <div class="card__header">
    <a href="https://makietan.github.io/">makietan.github.io</a>
  </div>
  <div class="card__title">
    <p>
      タイトル
    </p>
  </div>
  <div class="card__description">
    <p>
      説明
    </p>
  </div>
</div>

実物はこれ

makietan.github.io

タイトル

説明