動機

Gatsby.jsで作ったブログにTwitterの記事を埋め込んでみようと思います。
Twitterでつぶやいたことや、フォローしている人のつぶやきを記事に盛り込むことができるようになるので、とても便利！！！
記事はContentfulにMarkdown形式で記述し取得しています。

環境

・OS: macOS 10.15.5
・gatsby: 2.24.14
・ヘッドレスCMS: Contentful

①プラグインをインストール
②gatsby_node.jsに①でインストールしたプラグインを記述
③Twitterから埋め込みう記事を入手
④Contentfulに記事に埋め込み

次のプラグインをインストールしてください。

$npm install --save gatsby-plugin-twitter

module.exports = {
  plugins: [
    ・・・
    `gatsby-plugin-twitter`,
    ・・・
  ],
}

赤枠をクリック

Embed Tweet(Tweetを埋め込む)をクリック

Codeをコピーしてください。

Markdownで書かれた記事にコピーしたCodeを埋め込んでください。
※コピーするCodeの下部にあるスクリプトセクションは削除してください。

Gatsby.jsで作ったブログにTwitterの投稿を埋め込む
— サクライ (@IgP28SD5zvWLqHK) September 19, 2020

いい感じに埋め込めました。簡単でいいですね！！