facebook-opengraph - 博主在 Facebook 上分享动画 gif 不起作用

Question

我正在尝试在我的博客帖子中添加 gif，并希望通过外部链接将动画 gif 分享到 Facebook。我面临的问题是博主正在为 og:image 属性生成自定义缩略图。相反，我想使用应该在 Facebook 上共享的 gif 的 CDN 链接。

这是我的帖子：我想使用这个 url 而不是自动生成的缩略图。

  <img src ="https://thumbs.gfycat.com/QualifiedHilariousBufflehead-size_restricted.gif">

这是我的标题代码

<meta content="https://gifs.blogspot.com" name="og:site_name " />
<meta expr:content="data:view.title.escaped" property="og:title" />
<meta expr:content="data:view.description.escaped" property="og:description" />
<b:if cond="data:view.featuredImage">
  <meta
    expr:content='resizeImage(data:view.featuredImage, 1200, "1200:630")'
    property="og:image"
  />
  <b:elseif cond="data:widgets" />
  <b:loop
    reverse="true"
    values="data:widgets.Blog.first.posts where (p =&gt; p.featuredImage) map (p =&gt; p.featuredImage)"
    var="imageUrl"
  >
    <meta
      expr:content='resizeImage(data:imageUrl, 1200, "1200:630")'
      property="og:image"
    />
  </b:loop>
  <b:elseif cond="data:blog.postImageUrl" />
  <meta
    expr:content='resizeImage(data:blog.postImageUrl, 1200, "1200:630")'
    property="og:image"
  />
</b:if>
<meta
  content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
  name="viewport"
/>
<title><data:view.title.escaped/></title>
<b:include data="blog" name="all-head-content" />

标签： facebook-opengraphbloggerblogger-dynamic-views

Answer 1

尝试删除resize运营商

<b:if cond="data:view.featuredImage">
  <meta
    expr:content='data:view.featuredImage'
    property="og:image"
  />
  <b:elseif cond="data:widgets" />
  <b:loop
    reverse="true"
    values="data:widgets.Blog.first.posts where (p =&gt; p.featuredImage) map (p =&gt; p.featuredImage)"
    var="imageUrl"
  >
    <meta
      expr:content='data:imageUrl'
      property="og:image"
    />
  </b:loop>
  <b:elseif cond="data:blog.postImageUrl" />
  <meta
    expr:content='data:blog.postImageUrl'
    property="og:image"
  />
</b:if>