Javascript 在何处使用Gatsby在React代码中添加到CDN的链接_Javascript_Reactjs_Graphql_Gatsby

Javascript 在何处使用Gatsby在React代码中添加到CDN的链接

javascript reactjs graphql gatsby

Javascript 在何处使用Gatsby在React代码中添加到CDN的链接,javascript,reactjs,graphql,gatsby,Javascript,Reactjs,Graphql,Gatsby,GraphQL和盖茨比，我是个新手。我跟着教程走，不知道标签应该放在哪里这是我的layout.js文件 import React from 'react' import PropTypes from 'prop-types' import Helmet from 'react-helmet' import {StaticQuery, graphql} from 'gatsby' import Header from './header' import './css/style.css' imp

GraphQL和盖茨比，我是个新手。我跟着教程走，不知道

标签应该放在哪里

这是我的layout.js文件

import React from 'react'
import PropTypes from 'prop-types'
import Helmet from 'react-helmet'
import {StaticQuery, graphql} from 'gatsby'
import Header from './header'
import './css/style.css'
import Footer from './footer'

const Layout = ({ children }) => (
  <StaticQuery
    query={graphql`
      query SiteTitleQuery {
        site {
          siteMetadata {
            title
            description
            keywords
          }
        }
        allContentfulLink (sort: { fields: [createdAt], order: ASC }) {
          edges {
            node {
              title
              url
              createdAt
            }
          }
        }
      }
    `}
    render={data => (
      <>
        <Helmet
          title={data.site.siteMetadata.title}
          meta={[
            { name: 'description', content: data.site.siteMetadata.description },
            { name: 'keywords', content: data.site.siteMetadata.keywords },
          ]}
        >
          <html lang="en" />
        </Helmet>
        <Header siteTitle={data.site.siteMetadata.title}/>
          {children}
          <Footer data={data}>
          </Footer>
      </>
    )}
  />
)

Layout.propTypes = {
  children: PropTypes.node.isRequired,
}

export default Layout

从“React”导入React
从“道具类型”导入道具类型
从“反应头盔”导入头盔
从“gatsby”导入{StaticQuery，graphql}
从“./头”导入头
导入“./css/style.css”
从“./Footer”导入页脚
常量布局=（{children}）=>(
(
{儿童}
)}
/>
)
Layout.propTypes={
子项：PropTypes.node.isRequired，
}
导出默认布局

我尝试在头盔中添加标签，打开标签并插入其中，但都收到错误

我不确定我做错了什么

非常感谢您的帮助

最简单的方法是将

gatsby plugin web字体加载器添加到package.json
中，然后在gatsby config.js
中配置插件：
{
  plugins: [
    {
      resolve: 'gatsby-plugin-web-font-loader',
      options: {
        google: {
          families: ['Nunito']
        }
      }
    }
  ]
}

您可以尝试将Google字体导入CSS，如下回答所述：