Gatsby 将 lang 属性设置为 html

Question

你会怎么做？修改公用文件夹似乎不起作用...制作自己的构建并托管它如何？也许有一个我仍然不知道的功能。任何帮助表示赞赏。

Answer 1

Gatsby 建议为此使用react 头盔。如果您查看Gatsby 文档 - 如何添加元数据，您可以找到许多围绕该主题的最佳实践。

按照文档中的分步指南进行操作。React 头盔真的很强大。回到您的问题，这就是您可以更改 HTML 语言属性的方法：

<Helmet
  htmlAttributes={{
    lang: 'en',
  }}
/>

这不是 2022 年的做法。Gatsby 建议使用内置的 Gatsby Head：https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-head/ (5认同)

Answer 2

根据新的 Head Api 文档（在参考资料中添加gatsby@4.19.0），您可以使用该函数避免包含在或文件Helmet内部的依赖关系。gatsby-ssr.jsgatsby-ssr.tssetHtmlAttributes

exports.onRenderBody = ({ setHtmlAttributes }) => {
  setHtmlAttributes({ lang: "en" })
}