将Favicon添加到NextJs 13 Beta(无页面文件夹)

aurhwmvo 于 2023-03-12 发布在其他

关注(0)|答案(1)|浏览(106)

我在新的Next.js 13测试版中有问题。他们删除了head.js文件，现在（因为它是在文档中编写的）我必须在layout.ts中使用元数据。我的favicon名为favicon.png。
我如何在这里指定：

export const metadata = {
 title: 'Create Next App',
 description: 'Generated by create next app',
 }

1条答案

您可以按以下步骤操作：

export const metadata = {
  icons: {
    icon: '/icon.png',
  },
};

输出将为

<link rel="icon" href="/icon.png" />

请参阅有关图标元数据的所有文档：
https://beta.nextjs.org/docs/api-reference/metadata#icons