MkSaaS文檔可縮放圖片
在文檔中允許放大圖片
使用方法
在 MDX 組件中用 ImageZoom 替換 img。
import { ImageZoom } from 'fumadocs-ui/components/image-zoom';
import defaultMdxComponents from 'fumadocs-ui/mdx';
return (
<MdxContent
components={{
...defaultMdxComponents,
img: (props) => <ImageZoom {...(props as any)} />,
// 其他 Mdx 組件
}}
/>
);現在，所有圖片都將自動啟用圖片縮放功能。
圖片優化
如果未指定，將為 Next.js <Image /> 組件定義預設的 sizes 屬性。