带有小部件菜单的基于 Hugo 的网站也是下拉菜单？答案

【问题标题】：Hugo based website with widget menus also being dropdown menus?带有小部件菜单的基于 Hugo 的网站也是下拉菜单？
【发布时间】：2020-09-03 17:16:23
【问题描述】：

我正在为网页使用 hugo-academic 主题。是否可以将小部件的菜单链接（来自主页）也作为下拉菜单 like this?

所以当我向下滚动主页（主页）时，它会突出显示我现在看到的小部件（就像雨果学术页面一样），但同时，它是一个下拉菜单如果我想访问更具体的网页。

【问题讨论】：

标签： html hyperlink menu hugo

【解决方案1】：

如果您想将“项目”小部件放在主页中，这是一个示例。您只需在子菜单 url 中添加一个 # 即可链接您的小部件

[[main]]
  name = "Projects"
  url = "#projects"
  identifier = "projects"
  weight = 1
  
[[main]]
  name = "Project 1"
  url = "#projects1"
  parent = "projects"
  weight = 1

[[main]]
  name = "Project 2"
  url = "#projects1"
  parent = "projects"
  weight = 2

如果你有一个widget_page“项目”，你需要把根项目然后#

url = "projects/#project1"

您可以查看我的 repo 示例：github.com/valentinaandrade/movid-site

【讨论】：

我明白了。我的意思实际上是让第一项成为主页中的小部件（因此 URL：#projects），然后子菜单将链接到其他页面。但是，当我这样做并单击项目链接时，它不会将我带到主页中的小部件部分。