Next.js ブログにおける画像ファイル管理

このブログは Next.js で作られているのですが、始めた当初はマークダウンファイルのディレクトリ構成は以下のキャプチャのようになっていました。 /contents/posts/ 下に <slug>.md があるような形です。 各 slug/ をディレクトリにして、その下にindex.mdと画像ファイルを置く方が、ファイル管理が楽になると考えました。 つまりディレクトリ構成はこんな感じです。 # article1 とかが slug になる /contents /posts /article1 index.md img1.png img2.png /article2 index.md img2.png img3.png 上記の状態を実現するために行った修正をまとめます。 前提・環境記事は /contents/posts/slug/index.md で Markdown 記法で書かれていて、