問題タブ [mdxjs]

私は NextJs ブログを作成しており、動的ページでマークダウンをレンダリングする必要があります。アプリで CSSReset を使用しているため、マークダウンが正しく表示されません。誰かがこれについて私を助けることができますか??

私のテーマコンテナ

私のマークダウンファイル

私が抱えているこの問題を解決する方法を知りたいので、スタイリングを行っていないので、コンテンツをレンダリングする小さなコンポーネントだけを残しました

この CSSReset をフォークして、それを実現しているスタイルを削除する必要がありますか??

このチュートリアルに従おうとしています。

TL;DR は次のとおりです。

ブラウザーの端に向かって画像がにじみ出る、Medium のようなデザインに従います。

またfull-bleed、Image のクラスがあります。

next/imageこの種のもので自分の作品を作る方法が本当にわかりませんか？

私のImg.tsxファイルは次のようになります。

そして、私のようにcomponents/mdx/index.ts見えます：

私の.mdxファイルには、上記のように component を使用する通常の HTMLimgタグが含まれていImgます (これは内部的に を使用しますnext/image)。

高さがない場合、フルブリード レイアウトを取得するにはどうすればよいですか? layout="fill"仕事もまともにできない。画像を重ねるだけです。

何か案は？