【问题标题】:API Blogger - Display image on mobileAPI Blogger - 在移动设备上显示图像
【发布时间】:2018-10-11 07:49:15
【问题描述】:

我在 PHP 中使用 Blogger API 时遇到了问题。当我使用 API 在 Blogger 上发布带有图片的文章时,图片在我的博客的桌面版本上正确显示,但在移动设备上却没有。

例如:

我在 Blogger 上发送以下文章

<p><img src="https://cdn.pixabay.com/photo/2018/10/03/21/13/mushroom-3722395_960_720.jpg" /></p><p>Test</p>

在我的 Blogger 桌面索引上,图片正确显示:

Index Blogger on Desktop

我在手机上打开同一个页面,所有图片都不见了:

Index Blogger on Mobile

我注意到 Blogger 生成的 URL 在移动设备和桌面设备上是不同的。

通过检查元素,移动设备上的 URL 与我通过 API 发送的完全相同(即:https://cdn.pixabay.com/photo/2018/10/03/21/13/mushroom-3722395_960_720.jpg)。

在桌面上,URL 完全不同:

https://lh4.googleusercontent.com/proxy/...

如果我直接在 Blogger 上编辑帖子并将原始 URL (https://cdn.pixabay.com/photo/2018/10/03/21/13/mushroom-3722395_960_720.jpg) 替换为生成的 URL (https://lh4.googleusercontent.com/proxy/...),图片在移动设备上正确显示!

你有解释吗?如何使用此 API 在移动设备上显示图片?

【问题讨论】:

  • 你总是要使用 pixbay 吗?如果是这样,只需正则表达式并替换您想要的内容并始终发送“正确”的网址。
  • 我并不总是使用 Pixabay上的图片。我尝试过使用其他来源的图片。很遗憾,图片不会出现在移动设备上。

标签: php api blogger


【解决方案1】:

您的博客现在使用两个模板,一个用于桌面,另一个用于移动。移动模板是旧的默认博客移动模板之一,它只允许显示托管在博客上的图像。通过更改图片 URL 中的某些值可以轻松调整博客上托管的图片大小,而在博客外托管的图片无法做到这一点。

现在您必须更改移动模板并应用桌面模板以涵盖桌面和移动。

【讨论】:

  • 感谢您的回答。因此,唯一的解决方案是制作和使用响应式模板。只是出于兴趣,为什么移动设备和桌面设备的 URL 不同?
  • 我不这么认为它真的发生了。非博主托管的图像不会转换为googleusercontent.com 链接。如果您确定,请将您的博客网址发送给我以进行检查。
猜你喜欢
  • 2020-10-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多