如何在不使用博客中的js的情况下调整缩略图大小?

时间:2017-05-30 15:07:45

标签: blogger blogspot

这对我很好 <img expr:src='resizeImage(data:post.firstImageUrl, 250)'/>但我的问题是它不支持第三方图片。

blog.postImageUrl效果很好,但问题是它会呈现图片的原始尺寸,而您无法使用resizeImage

2 个答案:

答案 0 :(得分:0)

在这种情况下,使用即时调整图像大小的服务将是一种前进的方式

Google有一个未记录的端点,用于即时调整图像大小。如https://czm.io/posts/2013/04/google-image-resizer/中所述,该端点如下-

  

基本URL

     

https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy

     

参数:

     
      
  • URL:原始图像URL

  •   
  • 容器:必须为“焦点”

  •   
  • 刷新:将其缓存到G的服务器上的时间(以秒为单位)

  •   
  • resize_w:宽度(以像素为单位)

  •   
  • resize_h:以像素为单位的高度

  •   
  • resize_ *个参数或仅一个。

  •   

为确保仅调整外部图像的大小,您需要设置一个Blogger条件,以测试缩略图是否存在(对于外部图像,data:post.thumbnailUrl始终不存在,但包含YouTube视频的帖子除外)

由于Google的终结点未记录在案,因此我们无法确定其将来是否可用(由于这与Google+社交网络有关,该社交网络本身将于2019年4月关闭)。即时调整图像大小的服务有多种选择,既有收费的(如https://kraken.io/docs/image-resizinghttps://www.imgix.com/)又有自托管的(如https://github.com/jimmynicol/image-resizer

答案 1 :(得分:0)

firstImageUrl更改为featuredImage

示例:

<img expr:src='resizeImage(data:post.featuredImage, 250)'/>

它每次都能工作。