ongaeshi day

Twitter Cardに対応した

https://day.ongaeshi.me/20220710 をTwitterに貼り付けると以下のようなカードを表示してくれる。

twitter_card.png

  • jekyll twitter cardで検索すると色々出てくるので基本その通りにやればOK
  • Jekyllの情報は多くて助かる
  • _includes/head.htmlのheadタグ内にmeta情報を挿入する
  • descriptionのところは少し工夫していて、文章の先頭200文字を切り出して自動で設定するようになっている(参考)