twig - 在树枝模板中使用主题/图像文件夹中的图像

Question

我想包含一个custom_theme/images文件夹中的图像，该文件夹custom_theme是根据 Grav 文档创建的自定义主题。

树枝模板是部分的，这是摘录：

<!-- 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

Answer 1

你看过Grav 文档吗？我在搜索字段中输入了“图像”并找到了这个：

树枝过滤器和功能

网址

将创建一个 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 -->

如果需要，可以使用基本的defaultTwig 过滤器在找不到图像时提供后备 URL。如果不使用default过滤器并且找不到图像，则该url函数将不返回任何内容（或实际上null，但它会转换为空字符串），如函数的源代码url所示。