Next.js 圖片
在 MDX 中使用 Next.js 圖片 的標準方法是直接導入組件
MDX
import Image from 'next/image'
<Image src="/demo.png" alt="Hello" width={500} height={500} />靜態圖片
💡
預設情況下，此功能是通過 Nextra 設定中的 staticImage: true 啟用的。
Nextra 支援使用 Markdown 語法自動最佳化您的靜態圖片導入。您不需要指定圖片的寬度和高度，只需使用 ![]() Markdown 語法
Markdown
這會載入 public 資料夾內的 demo.png 檔案，並自動使用 Next.js 的 <Image> 組件將其包裝。
如果您不想通過 public 資料夾託管圖片，您也可以使用  從相對路徑載入圖片。
使用 Next.js 圖片，不會出現版面偏移，並且在載入圖片時，預設會顯示一個美觀的模糊佔位符
