独学者Fossa

独学していることなど

Hugo Menu

Hugo
Hugo

Name Version
Hugo v0.79.0/extended
UIkit v3.6.5

Hugoで、Document風なサイトを制作しています。*1

Hugoを使っていて、私が1番面倒だと思うのが、Menuを生成することです。

メニューが少ない場合は、config.tomlに記述すればいいと思います。

メニューが多い場合は、自動的にディレクトリやファイルの情報から生成したいです。

以前、config.tomlmenuを記述して、うまくいかなかったので、今回は、Front Matterを使って、作成しました。

contentの中のディレクトリとファイルの一覧。

.
├── _index.md
├── backend
│   └── _index.md
├── frontend
│   └── _index.md
├── hardware
│   └── _index.md
└── software
    └── _index.md

content/hardware/_index.md

---
title: "Hardware"
linkTitle: "Hardware"
menu:
  main:
    weight: 10
---

content/software/_index.md

---
title: "Software"
linkTitle: "Software"
menu:
  main:
    weight: 20
---

content/frontend/_index.mdcontent/backend/_index.mdは省略します。

下図の上部にあるグローバルナビ(Navbar)を見ると、意図しない表示になりました。

menu失敗
menu失敗

config.tomlsectionPagesMenu = "main"コメントアウトしてみました。

menu成功
menu成功

config.tomlsectionPagesMenu = "main"は、要らなかったようです。

*1:blogではない