我在Voog网站建设者的博客文章中添加图片时遇到了一些麻烦。 基本上，我试图在我的博客页面上使用文章的图像，以便每个列出的文章都有自己特定的背景图像。
文章的图片网址以{{ article.image }}的形式提供，但这始终会返回原始图片文件，从而导致加载时间更长，并且不会考虑元素的大小，在我的情况下是非常小（500px）。
我想我可以使用替换过滤器手动更改每个文件URL，使其使用特定的后缀：{{ article.image | replace: '.jpg', '_block.jpg' }}，但这看起来很混乱，我必须为每个可能的图像扩展重复它。
有没有更好的方法来实现这一目标？
答案 0 :(得分：0)
要获取特定尺寸的图片，您可以使用{{ article.image.for-width-500 }}
请参阅Voog开发人员文档中的示例用法：http://www.voog.com/developers/markup/objects/image
但是，对于OG标记，建议使用page.image和article.image。例如：https://github.com/Voog/design-anchorage/blob/master/components/site-meta.tpl#L24。
因此，对于网站上的实际图像，如果它们没有严格约束并与Facebook OG图像保持一致，则应使用背景选择器，这基本上是一个通用的背景图像和颜色选择工具（{{3} }）。
巴塞罗那设计（http://www.voog.com/developers/scripting/javascripts/bgpicker）提供了这个实例的实例，编辑可以在博客列表中添加图像。以下是Blog＆amp; amp;新闻布局：http://barcelona.voog.com。
第三个例子 - 这是一个适应不同屏幕尺寸的背景图像，提供目前最适合的最佳图像尺寸：https://github.com/Voog/design-barcelona/blob/master/layouts/blog___news.tpl