使用树枝模板中的theme / image文件夹中的图像

时间:2018-02-20 18:09:52

标签: twig grav

我想在custom_theme/images文件夹中添加一张图片,其中custom_theme是在grav文档后创建的自定义主题。

twig 模板是部分内容,这是摘录:

<!-- Logo -->
<a class="navbar-brand" href="./">
    <img class="logo logo-dark" alt="" src="/images/logo.png">
    <img class="logo logo-light" alt="" src="/images/logo-light.png">
</a>
<!-- #end Logo -->

src中应使用什么来引用此图像文件:/user/themes/custom_theme/images/logo.png

1 个答案:

答案 0 :(得分:4)

你看过Grav documentation了吗?我输入&#34;图像&#34;到搜索栏并找到了这个:

  

Twig Filters & Functions

     

Url

     

将创建一个URL并将任何PHP URL流转换为有效的HTML资源。如果无法解析URL,可以传入默认值。

     

url('theme://images/logo.png')|default('http://www.placehold.it/150x100/f4f4f4') /user/themes/learn2/images/logo.png

所以你应该有:

<!-- Logo -->
<a class="navbar-brand" href="./">
    <img class="logo logo-dark" alt="" src="{{ url('theme://images/logo.png') }}">
    <img class="logo logo-light" alt="" src="{{ url('theme://images/logo-light.png') }}">
</a>
<!-- #end Logo -->

如果您愿意,可以使用基本default Twig filter提供后备网址(如果找不到图片)。如果您没有使用default过滤器并且无法找到图片,则url函数将不会返回任何内容(或实际上null,但它会被转换在source code of the url function中可以看到空字符串。