Hugo 可以在语言导航器中标记当前语言吗？

Question

这是在 Hugo 中构建语言导航器的文档化方法： https://gohugo.io/content-management/multilingual/#list-all-available-languages

<ul>
{{ range $.Site.Home.AllTranslations }}
<li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
{{ end }}
</ul>

有没有办法标记当前选择的语言？我想让 CSS 依赖于所选语言，因此为当前所选语言提供 CSS 标识符/类会非常方便。

Answer 1

回答您的具体问题：

$.Site.Language

是返回语言的变量。因此，如果您使用英语，它将返回“en”（无论您在 config.toml 中使用的语言以及您当前使用的语言）。

然后您可以使用它来随心所欲地工作。

例如 {{ $.Site.Language }}。

示例伪代码：

{{ if eq . $.Site.Langauge }}
<p class="foo-{{.LanguageName}}">
</p>
{{ end }}

用 CSS 可能像

.foo-en {
font-size: 3em;
}

• 但是，这远远超过了您的问题 - 要具体了解您的要求，可以说语言“标志” - {{ $.Site.Language }}