在 Middleman 的构建过程中使用 Zurb Foundation 数据交换答案

【问题标题】：Using Zurb Foundation's data-interchange with Middleman's build process在 Middleman 的构建过程中使用 Zurb Foundation 数据交换
【发布时间】：2014-12-11 03:58:29
【问题描述】：

Zurb Foundation 的 data-interchange 非常适合我。正在开发中。

但后来我构建并最终得到了这种 html：

<img alt='Why Believe' data-interchange='[/assets/images/logo.svg, (default)], [/assets/images/logo-square.svg, (medium)]'>
<noscript>
  <img alt='Why Believe' src='/assets/images/logo-e8f041ee.svg'>
</noscript>

你能发现问题吗？

Middleman 的构建过程巧妙地对所有资产进行指纹识别，并链接到指纹资产。没有“非指纹”资产被构建。我想要所有这些。

但是data-interchange 属性中的资产路径没有指纹。因此，它们在开发中工作，但不是在构建和部署后。

如何才能让data-interchange 资产路径也获得指纹？（如果中间人称-e8f041ee 不是“指纹”，请告诉我！）

【问题讨论】：

标签： zurb-foundation middleman data-interchange

【解决方案1】：

如果您打算使用资产散列，那么您应该考虑将交换使用的图像移动到新目录，这样它们就不会自动散列。如果您不是在基于 CDN 的设置上托管，则应考虑关闭现金破坏哈希。

例如，我将图像放置在 source/blog/featured-images 而不是 /images/blog/... 以避免它们因类似原因被散列（因为我通过 yml frontmatter 定义名称。

【讨论】：

我完全部署在 CDN 上，并且喜欢资产哈希。
在这种情况下，我不知道有什么方法可以在不挖掘中间人源的情况下获取这些哈希值。我还看到了一些人为中间人创建自己的散列的例子，这也可能是一个好方法。