1

我看到了这个

在此处输入链接描述

我像这样添加网站图标

import path from 'path';
import React from 'react';

export default {
  Document: ({
    Html,
    Head,
    Body,
    children,
    state: { siteData, renderMeta },
  }) => (
    <Html lang="en-US">
      <Head>
        <meta charSet="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="shortcut icon" href="favicon.ico" />
        <link rel="icon" href="favicon.ico" />
      </Head>
      <Body>{children}</Body>
    </Html>
  ),
  plugins: [
    ...
  ],
}

但不工作

也许图像在 A 中无法正常工作。我试图将图像放入其中，<body>但没有正确显示。

4

1 回答 1

1

它是通过构建它来解决的。

react-static-plugin-favicons我使用插件在服务器上构建它。

 [
      'react-static-plugin-favicons',
      { 

        outputDir: path.join(__dirname, 'dist'),
        inputFile: path.resolve(__dirname, 'favicon.png') },
    ],

使用 netlify

于 2020-02-06T01:19:46.160 回答