2024-12-30 00:00
本ブログサイトを作成している中で、MDsveXで使用できるプラグインが期待通りの見た目にならない問題に遭遇していました。 MDsveX で使用できるプラグインといえば、 Remark , Rehype です。 これらのプラグインを、ある条件下で利用するとスタイルがぐちゃぐちゃになってしまいます。 その原因と対策について、紹介していきます。 どういう条件で問題が発生するの? タイトルのとおりですが、Tailwind CSS で利用できる .prose クラスと、デザインが関わるプラグインを掛け合わせたときに、デザイン崩れが発生します。 ◉ 期待するデザイン ◉ 実際のデザイン