💨

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

に公開
Gatsby.js
tech
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-mdxのoptionsにはgatsbyRemarkPluginsもあるが、こちらではなくremarkPluginsに追加する。

参考

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

Discussion