1

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

这需要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.jsand screen.css,但是没有images文件夹。

谢谢!!

4

2 回答 2

3

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

根据Jekyll-Assets 自述文件,既不是脚本也不是样式表的资产的 URL 可以包含在以下 Liquid 标签中:

{% asset_path logo.png %}

此外,还提供以下液体过滤器:

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

这两个示例都来自上面的 URL。所以在这种情况下,以下两行将是等效的:

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

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

于 2013-08-05T07:24:29.367 回答
1

这对我有用

{% img /images/logo.png %}
于 2014-02-13T14:55:28.040 回答