在 Middleman 中，如何使用 srcset 属性和相对文件路径？

Question

在 Middleman 中，我可以生成一个相对的图像文件路径，如下所示：

<%= tag :img, :src => "/images/down-caret-1x.png" %>

这将输出：

<img src="/images/down-caret-1x.png">

我想要得到如下所示的输出：

<img src="/images/down-caret-1x.png" srcset="/images/down-caret-2x.png 1000w">

有人知道怎么做吗？

docs提到使用这个：

<img src="<%= image_path('100px.jpg') %>" srcset="<%= image_path('300px.jpg') %> 3x, <%= image_path('200px.jpg') %> 2x, <%= image_path('100px.jpg') %> 1x">

但我看不到任何地方可以设置 image_path 变量或其他任何东西。

谢谢

Answer 1

你在 config.rb 中这样设置它：

set :images_dir, "path/to/images"

我发现这个博客对于配置中间人非常有用：https://richardkall.se/building-static-websites-with-middleman-part-two/

在 Middleman 中，如何使用 srcset 属性和相对文件路径？

In Middleman, how can I use the srcset attribute, and with relative file paths?

middleman