Skip to main content
官方插件
View plugin on GitHub
See starters using this

gatsby-plugin-react-helmet

提供对通过React Helmet添加的服务器渲染数据的支持.

React Helmet是一个组件,可让您使用其React组件控制文档头.

使用此插件,您在其组件中添加的属性(例如标题,元属性等)将被添加到Gatsby构建的静态HTML页面中.

这不仅对网站查看者很重要,对于SEO也很重要-存储在文档头中的标题和描述元数据是Google确定搜索结果位置时所使用的关键组件.

Install

npm install --save gatsby-plugin-react-helmet react-helmet

How to use

只需将插件添加到您的gatsby-config.js的plugins数组中

plugins: [`gatsby-plugin-react-helmet`]

Titles don’t appear when opening in the background, while using gatsby-plugin-offline

如果您使用的是gatsby-plugin-offline ,您可能会注意到,在后台打开链接时,直到切换到该选项卡,标题才会出现在选项卡栏中. 这是React Helmet上游问题 ; 但是,可以通过将defer={false}道具传递到Helmet组件中来解决. 例如:

<Helmet title="foo bar" defer={false} />

Compatibility with React 16.8 useEffect hook

如果您将此插件与React挂钩一起使用,则可能会注意到一些错误,例如maximum call stack size exceeded . 为了确保在同时使用这些技术时一切运行顺利,请确保验证以下各项:

  • 您已更新到最新版本的gatsby-plugin-react-helmet
  • 您正在使用6.60-beta版本或更高版本的react-helmet
  • 您正在使用import { Helmet } from 'react-helmet'而不是import Helmet from 'react-helmet'import Helmet from 'react-helmet' React头盔

Examples

Docs
Tutorials
Plugins
Blog
Showcase

by  ICOPY.SITE