Question

我想在Twitter上分享我的网站文章（内容，图片，标题）！

但是twitter没有显示图片文章，只是在框中显示内容。

这是我的代码：

使用Javascript：

<script>window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
  t = window.twttr || {};
 if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);
  t._e = [];
  t.ready = function(f) {
  t._e.push(f);
  };
  return t;
}(document, "script", "twitter-wjs"));</script>

按钮：

<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Hello%20world" data-size="small">Tweet</a>

元标签

<meta name="twitter:card" content="photo" /> 
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Article Title" /> 
<meta name="twitter:image" content="grobal.dev/theme/images/img_art.jpg"; /> 
<meta name="twitter:url" content="grobal.dev/article/detail/1051"; />

Answer 1

你可能正在寻找这个

<meta property="og:image" content="imageurl"/>

自定义Twitter共享按钮

1 个答案: