将 yoast SEO 标题从 Wordpress 导入 gatsby 网站答案

【问题标题】：Import yoast SEO headers from Wordpress into gatsby site将 yoast SEO 标题从 Wordpress 导入 gatsby 网站
【发布时间】：2020-12-03 19:45:01
【问题描述】：

我有一个 wordpress 网站，我想将它迁移到 Gatsby。我找到了很多文档，现在我在 Gatsby 有一个工作站点。但是有一点我没能做到：将 yoast 生成的元标签导入 Gatsby。

我将 yoast_head 添加到 graphql 查询中，并且可以访问元标记和字符串中的标题，但我不知道如何将其放入页面的标题中

我试过了：

<Helmet dangerouslySetInnerHTML={{ __html: yoastHead }} />

但这没有用

如果我这样做

<div dangerouslySetInnerHTML={{ __html: yoastHead }} />

我可以在页面正文上呈现所有元标记，但我希望将它们添加到 <head></head> 中

【问题讨论】：

【解决方案1】：

我找到了路：

import ReactHtmlParser from 'react-html-parser'

...

      <Helmet>
        { ReactHtmlParser(yoastHead) }
      </Helmet
...

【讨论】：

如果您不信任此方法的作者（例如，如果您有来宾作者或在这些标签中包含用户提交的信息），我会谨慎使用这种方法，因为 react-html-parser 不清理输入（即有人可以很容易地在其中使用 JavaScript 或恶意标记）。
我明白，但我是唯一的作者