在 Hugo 中有条件地渲染多个部分-Golang-PHP中文网

在 Hugo 中有条件地渲染多个部分

WBOY

发布： 2024-02-08 23:42:22

转载

968 人浏览过

在 Hugo 中有条件地渲染多个部分

在Hugo中，有一种非常有用的功能，即可以根据条件来渲染多个部分。这种功能可以使得我们根据特定的情况或条件来展示/隐藏页面的某些部分。无论是在构建静态网站还是动态网站中，这种条件渲染的功能都能够帮助我们更加灵活地控制页面的呈现方式。在本文中，我将和大家一起探讨如何在Hugo中实现条件渲染多个部分的方法及使用场景。

问题内容

我想渲染除网站主页中的静态文件之外的每个文件夹中的所有 markdown 文件，一种方法是在 hugo 中使用 union，但随着文件夹数量的增加，我发现自己在重复 union到处都是（带联合的代码被注释了，顺便说一下，它正在工作），所以我认为使用切片会是一个更好的主意，但是当我尝试使用切片时，我收到以下错误 -

渲染页面失败：“home”渲染失败：“(目录路径)layoutsindex.html:12:19”：在 <.pages> 处执行模板失败：无法评估字符串类型中的字段页面

目录结构

index.html 代码

{{ define "main" }}
<ul class="homepage-topic-sections-container">
    {{$sectionNames := slice "posts" "problems" "tutorials"}}
    {{range $index, $sectionName := $sectionNames}}
    {{ range where .Pages "Section" $sectionName }}
    {{/*
    {{ range union (union
    (where .Pages "Section" "posts")
    (where .Pages "Section" "problems"))
    (where .Pages "Section" "tutorials")
    }}
    */}}
    <li>
        <section class="homepage-topic-section">
            <h1 class="topic-heading"><a href="{{.Permalink}}">{{.Title}} </a></h1>
            <div>
                {{ range .Pages }}
                <h3><a href="{{.Permalink}}">{{.Title}} &middot; {{.Date.Format "January 2, 2006"}}</a></h3>
                {{ end }}
            </div>
        </section>
    </li>
    {{end}}
    {{end}}

</ul>
{{ end }}

登录后复制

解决方法

//m.sbmmt.com/link/1330fef5fe4f742c1918c585c2da13b3：

上下文（又名“点”）

关于 go 模板，最容易被忽视的概念是 {{ . }} 始终引用当前上下文。

在模板的顶层，这将是可供模板使用的数据集。
但是，在迭代内部，它将具有循环中当前项的值；即 {{ . }} 将不再引用整个页面可用的数据。

在下面的代码中，.pages 中的点具有第一个 range 操作中当前项目的值。该值的类型是字符串，并且它没有字段 pages。这就是为什么它失败了，execute of template failed at <.pages>: can'tvaluate field pages in type string.

{{ define "main" }}
<ul class="homepage-topic-sections-container">
    {{$sectionnames := slice "posts" "problems" "tutorials"}}
    {{range $index, $sectionname := $sectionnames}}
    {{ range where .pages "section" $sectionname }}
                   ^^^^^^

登录后复制

一种可能的修复方法是使用 $. 访问全局上下文：.pages ==> $.pages。

也许更好的解决方案是列出排除部分。那么当添加更多文件夹时就不需要修改代码了：

{{ define "main" }}
<ul class="homepage-topic-sections-container">
    {{ range where .Pages "Section" "!=" "static" }}
    <li>

登录后复制

以上是在 Hugo 中有条件地渲染多个部分的详细内容。更多信息请关注PHP中文网其他相关文章！