为什么使用 jekyll-assets 博客生成 Octopress 时不复制图像文件夹？答案

【问题标题】：Why images folder is not copied when generating an Octopress with jekyll-assets blog?为什么使用 jekyll-assets 博客生成 Octopress 时不复制图像文件夹？
【发布时间】：2013-08-02 03:24:12
【问题描述】：

我正在构建一个 Octopress 博客，并且我正在实现一个替代搜索实现，lunr-search。

这需要asset pipeline implementation for Jekyll。

我的资产、javascript 和 CSS 已正确编译和组合，但我的图像文件夹未复制到公用文件夹。

编辑更多信息：

我的资产在/source/_assets/javascripts、/source/_assets/stylesheets 和/source/_assets/images 下。

_config.yml中的相关部分：

assets:
  dirname: assets
  baseurl: /assets/
  sources:
    - _assets/javascripts
    - _assets/jwplayer
    - _assets/stylesheets
    - _assets/images
  compress:
    js:
    css:
  cachebust: hard
  gzip: [ text/css, application/javascript ]

我的编译和组合资产在/public/assets下按预期生成，在这下我可以找到app.js和screen.css，但是没有images文件夹。

谢谢！！

【问题讨论】：

您能否提供更多信息，即您的目录是如何命名和组织的？
感谢@agarie 的回复。我已经相应地编辑了问题。

标签： asset-pipeline jekyll octopress

【解决方案1】：

您是否重写了源代码以使用 Jekyll-Assets 来呈现图像路径？根据我的经验，Jekyll-Assets 需要知道您将使用资产，然后才能将其复制到输出目录。它会知道您何时使用相应的 Liquid 标签或过滤器。

根据Jekyll-Assets readme，既不是脚本也不是样式表的资产的 URL 可以包含在以下 Liquid 标签中：

{% asset_path logo.png %}

此外，以下液体过滤器可用：

{{ 'logo.png' | asset_path }}: Returns resulting URL for logo.png

这两个例子都来自上面的网址。所以在这种情况下，以下两行是等价的：

<img src="{% asset_path logo.png %}" alt="Logo">
<img src="{{ 'logo.png' | asset_path }}" alt="Logo">

如果您确实已经这样做了，相关的 HTML/Liquid 源代码可能会有所帮助。

【讨论】：

【解决方案2】：

这对我有用

{% img /images/logo.png %}

【讨论】：