Question

因此，我尝试在下面的代码中将favicon添加到我的博客中：在我的gatsby-config.js

中

module.exports = {
  siteMetadata: {
    title: 'Chatbiz Blog',
  },
  plugins: [
    'gatsby-plugin-react-helmet',
    'gatsby-plugin-catch-links',
    {
      resolve: 'gatsby-source-filesystem',
      options: {
        path: `${__dirname}/src/pages`,
        name: 'pages',
        icon: `https://blablabla/favicon.ico`
      },
    },
    'gatsby-transformer-remark',
  ],
}

所以问题是，当我尝试使用此代码时，收藏夹图标无法在我的博客中呈现如何解决问题？

Answer 1

我相信，您将图标参数放在错误的包装选项中。

要解决此问题，请先使用以下命令安装gatsby清单插件：

npm install --save gatsby-plugin-manifest

然后将其添加到您的gatsby-config.js：

{
  resolve: `gatsby-plugin-manifest`,
  options: {
    name: `gatsby-starter-default`,
    short_name: `starter`,
    start_url: `/`,
    background_color: `#663399`,
    theme_color: `#663399`,
    display: `minimal-ui`,
    icon: `src/images/favicon.png`, // This path is relative to the root of the site.
  },

请记住停止并启动开发服务器，以查看您的更改。

如何添加favicon gatsby-config.js？

1 个答案: