Jekyll 打开图形数据，即使测试工具工作也不渲染

我有一个Jekyll网站设置，我一直在尝试启用开放图元标记，以便在社交网站上共享。我开始使用jekyll标记方法来实现动态OG元标记，但是它们不起作用——所以我求助于硬编码

我已使用此工具确认我的标签存在-

然而，当我试图分享该网站时，我没有看到预览

---

元数据是当前视图来源：但我显然遗漏了一些东西。我也有Twitter卡元数据，它们可以共存吗，或者OG元数据应该在Twitter中工作吗

首先，您应该测试您的站点

所以，看起来你的Facebook应用程序id配置得不好，所以请更正它，或者干脆删除它

另一件事是，您在所有博客文章中都放置了相同的细节，但每个页面的细节应该不同

在你的jekyll博客中使用这一前沿话题

现在，你需要在你的头部添加这个元标记

<meta property="og:title" content="{{page.title}}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}}}" />
<meta property="og:description" content="{{page.description}}">
<meta property="og:image" content="{{page.ogimage}}" />
<meta property="og:type" content="website" />

---

此外，我在您的博客URL中看到了双斜杠（单击“继续阅读”，您将在永久链接中看到双斜杠），因此在您的配置永久链接选项中也要解决这个问题。

首先，您应该测试您的站点

所以，看起来你的Facebook应用程序id配置得不好，所以请更正它，或者干脆删除它

另一件事是，您在所有博客文章中都放置了相同的细节，但每个页面的细节应该不同

在你的jekyll博客中使用这一前沿话题

现在，你需要在你的头部添加这个元标记

<meta property="og:title" content="{{page.title}}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}}}" />
<meta property="og:description" content="{{page.description}}">
<meta property="og:image" content="{{page.ogimage}}" />
<meta property="og:type" content="website" />

---

此外，我在您的博客URL中看到了双斜杠（单击“继续阅读”，您将在永久链接中看到双斜杠），因此在您的配置永久链接选项中也可以修复此问题。

。我发现Facebook的测试工具缓存了一些变化，这使得我很难在运行中排除故障，我现在有了一个工作版本，所以我会更加自信地做出你建议的变化。例如，在每一页上恢复到动态OG规范，并使用前件标记来填写该规范。也谢谢你的其他建议，我注意到了，但不认为它们有什么大不了的。会好起来的！我很高兴它能帮上忙：）好主意。我发现Facebook的测试工具缓存了一些变化，这使得我很难在运行中排除故障，我现在有了一个工作版本，所以我会更加自信地做出你建议的变化。例如，在每一页上恢复到动态OG规范，并使用前件标记来填写该规范。也谢谢你的其他建议，我注意到了，但不认为它们有什么大不了的。会好起来的！我很高兴这有帮助：）