💨

gatsby-plugin-mdx で外部リンクを新しいタブで開く

2021/03/07に公開
npm install remark-external-links
gatsby-config.js
resolve: `gatsby-plugin-mdx`,
options: {
  remarkPlugins: [
    require(`remark-external-links`),
  ],
}

注意点

gatsby-remark-external-linksではなくremark-external-linksを使う。
また、gatsby-plugin-mdxoptionsにはgatsbyRemarkPluginsもあるが、こちらではなくremarkPluginsに追加する。

参考

https://www.gatsbyjs.com/plugins/gatsby-plugin-mdx/#remark-plugins

Discussion