如何让 Pinterest 按钮抓取真实大小的博主图像而不是缩略图

Question

我在我的博客上使用了这个 Pinterest 按钮

<li><a class='pinterest share-tooltip share-tooltip-top' data-share-tooltip='Share on Pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.title' target='_blank'><i class='fa fa-pinterest'/>Pinterest</a></li>

如您所见，我正在使用 data:post.firstImageUrl 作为图像的来源...但是问题是我让我的拳头图像没有以全尺寸显示只有缩略图（中等尺寸）......所以当我使用这个 data:post.firstImageUrl ...分享的图片只是缩略图，不是真实的

这里是我从 data:post.firstImageUrl[=14 得到的缩略图样本 URL =]

https://3.bp.blogspot.com/-W-g2qYS-Kh0/V5gs0FvhpKI/AAAAAAAAFSY/yh_3p00aSA4-fRa65NH4cQ83iEngZhDeACLcB/s640/BMW-M5-30-Jahre-2014-1.jpg

这是我想要的全尺寸图片URL

https://3.bp.blogspot.com/-W-g2qYS-Kh0/V5gs0FvhpKI/AAAAAAAAFSY/yh_3p00aSA4-fRa65NH4cQ83iEngZhDeACLcB/s1600/BMW-M5-30-Jahre-2014-1.jpg

如您所见，不同之处仅出现在这部分 xxx://xxx/xxx/s640/xxx 和 xxx://xxx/xxx/s1600/xxx ...

我的问题是如何将此 URL 部分 s640 更改为此 s1600 以及如何更改将其分配到我的 pinterest 按钮中？

我曾看到有人使用 JavaScript 更改此 URL 部分 /s640/，他将其用于自动调整缩略图大小，我'我对JavaScript不熟悉所以不是很懂，下面是代码

img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" alt="'+post_title+'"/

Answer 1

您可以使用 this pastie 中的脚本。但它需要一点改变。

<script type='text/javascript'>
//<![CDATA[
function thumbnail_resize(image_url) {
  var image_size = 1600;
  image_tag = image_url.replace('/s640/','/s' + image_size + '/');
  if(image_url != "") {
    return image_tag;
  } else {
    return "";
  }
}
//]]>
</script>

这里我们替换了图片的URL。

<script type='text/javascript'>document.write('&lt;a class=&quot;pinterest share-tooltip share-tooltip-top&quot; data-share-tooltip=&quot;Share on Pinterest&quot; href=&quot;http://pinterest.com/pin/create/button/?url=<data:post.url/>&amp;media=' + thumbnail_resize(&quot;<data:post.firstImageUrl/>&quot;) + '&amp;description=<data:post.title/>&quot;&gt;PING&lt;/a&gt;');</script>

这里我们通过 JavaScript 粘贴了 link。

如何让 Pinterest 按钮抓取真实大小的博主图像而不是缩略图

How to make Pinterest button grab a real size blogger image instead a thumbnail

html

javascript

jquery

blogger