Как перечислить все языки в правильном порядке и переключиться на URL-адрес для конкретного языка?

Я использую Hugo 0.40.1 https://gohugo.io/ в Ubuntu и пытаюсь создать элемент управления переключением языка, используя следующий код:

{{ range $.Site.Languages }}
    <span href = "#"> {{ .Lang }} - {{ .LanguageName }} </span>
{{ end }}

Где файл config.yaml содержит следующее:

languages:
  en:
    weight: 1
    LanguageName: english
  es:
    weight: 2
    LanguageName: español
  fr:
    weight: 3
    LanguageName: français

С этим связаны следующие проблемы:

независимо от того, какие переменные / выражения я пытаюсь отобразить, я не могу отобразить .Название языка - отображается либо пустая строка, либо язык текущей страницы имя повторяется повсюду; обратите внимание, что .Lang работает правильно - но ничего больше
согласно документации, $ .Site.Languages должен работать в порядке, указанном масса, но не работает как это и языки не упорядочены каким-либо предсказуемым образом
неясно (из документации), как создавать URL-адреса, указывающие на разные языки текущей страницы

Я пытаюсь разместить это здесь, а также на GitHub, пытаясь найти кого-нибудь, кто реализовал что-то подобное в прошлом с Hugo.

hugo static-site

26.05.2018 12:03

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

109

Ответы 1

Дискуссионный форум Хьюго был очень полезен, и в конце концов я нашел решение. Подробнее см. По этой ссылке: этот вопрос в дискуссионном форуме Hugo

{{ range $.AllTranslations }}
    <a class='{{if eq .Lang $.Lang}} selected {{end}}' href='{{.RelPermalink}}'> {{ .Language.LanguageName }} </a>
{{ end }}

Моя главная ошибка заключалась в использовании Site.Languages, где мне приходилось использовать Переводы или AllTranslations.

Не уверен, в чем проблема с порядком и LanguageName, потому что в какой-то момент он просто «начал работать».

28.05.2018 22:45