タイトルの通りなんですが、このブログのマークダウン展開を gatsby-transformer-remark から gatsby-plugin-mdx に置き換えたので、簡単に流れを共有します なんで置き換えたの? まず、Mdx を使うことで記事ファイル中に React のコンポーネントを埋め込めます import { TagList } from "@components/molecules/tag-list.tsx"; <TagList tags={[`Gatsby`, `ブログ`]} isLink /> import { TagList } from “@mdx-components/tag-list” <TagList tags={[Gatsby, ブログ]} isLink /> こんな感じです あとは、マークダウン関連のカスタマイズをプラグインから剥がしたかったのが大きいです 例
![Gatsby製のマークダウンブログをmdxに置き換えた](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f7627d843a84fb9fbee05ffc89afe9c72edcbfd/height=288;version=1;width=512/https%3A%2F%2Fkimuson.dev%2Fstatic%2F05712cc0881a7e09b19bf39b77fdd28a%2FGatsby.png)