如何在应用程序目录下使用generateMetaData()向Nextjs 13添加多个favicon?

bn31dyow  于 2023-05-28  发布在  其他
关注(0)|答案(1)|浏览(210)

我有一个next@13应用程序,其目录为app。关于它的文章很多,但都是关于NextJS < 13的。
我在layout.tsx中生成元数据。我有以下favicons:
favicon-16x16.pngfavicon-32x32.pngfavicon-96x96.pngfavicon-180x180.pngfavicon-512x512.png和svg版本。
我如何将所有这些动态添加到我的网站?
src/app/[language]/layout.tsx

export async function generateMetaData() {
  const translate = await getTranslations("home")

  return {
    title: translate("title"),
    description: translate("description"),
    icons: {
      icon: "/favicon.ico",
    },
  }
}

相关问题