下面是一个使用自定义加载器的例子，它是一个图像。
梅姐已经有了一个 backbone 甚至很多图标可以使用。

import Skeleton from '@mui/material/Skeleton';

如何使用梅 backbone 代替图片？

import Image from 'next/image'

const myLoader = ({ src, width, quality }) => {
  return `https://example.com/${src}?w=${width}&q=${quality || 75}`
}

const MyImage = (props) => {
  return (
    <Image
      loader={myLoader}
      src="me.png"
      alt="Picture of the author"
      width={500}
      height={500}
    />
  )
}