gatsby-remark-external-links プラグインを使う

gatsby-remark-external-links 使って、外部へのリンクは、別タブで開くように設定できます。

gatsby-config.js の修正箇所

gatsby-transformer-remark の一部を修正します。自分の場合は以下のようにしました。

gatsby-config.js の plugins の一部。
{
  resolve: `gatsby-transformer-remark`,
  options: {
    plugins: [
      `gatsby-remark-code-titles`,
      `gatsby-plugin-root-import`,
      {
        resolve: 'gatsby-remark-external-links',
      },
      {
        resolve: `gatsby-remark-prismjs`,
        options: {
          classPrefix: 'language-',
          inlineCodeMarker: null,
          aliases: {},
          showLineNumbers: false,
        },
      },
    ],
  },
}

これで外部へのリンクだけは、別ダブで開くようになります。