在 Hugo 中有条件地渲染多个部分-골랑-php.cn

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

WBOY

풀어 주다： 2024-02-08 23:42:22

앞으로

839명이 탐색했습니다.

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

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

问题内容

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

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

目录结构

index.html 代码

{{ define "main" }}

    {{$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")
    }}
    */}}
    
        
            {{.Title}} 
            
                {{ range .Pages }}
                {{.Title}} · {{.Date.Format "January 2, 2006"}}
                {{ end }}
            
        
    
    {{end}}
    {{end}}


{{ 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" }}

    {{$sectionnames := slice "posts" "problems" "tutorials"}}
    {{range $index, $sectionname := $sectionnames}}
    {{ range where .pages "section" $sectionname }}
                   ^^^^^^

로그인 후 복사

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

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

{{ define "main" }}

    {{ range where .Pages "Section" "!=" "static" }}

로그인 후 복사

위 내용은 在 Hugo 中有条件地渲染多个部分의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

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

问题内容

解决方法

上下文（又名“点”）