Yaml 如何在菜单nav hugo站点上添加链接
如何将直接链接添加到菜单中的导航项上,而不是引用某个节 在我的config.toml中,我添加了一个链接,但它首先将baseurl放在前面:Yaml 如何在菜单nav hugo站点上添加链接,yaml,hugo,blogdown,Yaml,Hugo,Blogdown,如何将直接链接添加到菜单中的导航项上,而不是引用某个节 在我的config.toml中,我添加了一个链接,但它首先将baseurl放在前面: [menu] [[menu.nav]] name = "Summary" URL = "services" weight = 2 [[menu.nav]] name = "Contact" URL = "contact-us" weight = 3 [[menu.nav]]
[menu]
[[menu.nav]]
name = "Summary"
URL = "services"
weight = 2
[[menu.nav]]
name = "Contact"
URL = "contact-us"
weight = 3
[[menu.nav]]
name = "Methods"
URL = "blog"
weight = 4
[[menu.nav]]
name = "Français"
url = "https://example.com/" #this is the link I want to add
weight = 5
我找到了,但不知道html,因此我不确定在layout/partials/navigation.html文件中添加更改的位置
我的怀疑是,它就在这个局部范围内
{{ if .IsHome }}
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto navigation-menu">
<li class="nav-item"><a class="nav-link" data-scroll href="#body">{{ with $.Site.Params.home }}{{ . }}{{ end }}</a></li>
{{ range $.Site.Menus.nav }}
<li class="nav-item"><a class="nav-link" data-scroll href="#{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</div>
{{ else }}
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto navigation-menu">
<li class="nav-item"><a class="nav-link" data-scroll href="{{ $.Site.BaseURL }}#body">{{ with $.Site.Params.home }}{{ . }}{{ end }}</a></li>
{{ range $.Site.Menus.nav }}
<li class="nav-item"><a class="nav-link" data-scroll href="{{ $.Site.BaseURL }}#{{ .URL | absURL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</div>
{{ end }}
{{if.IsHome}
{{range$.Site.Menus.nav}
{{end}
{{else}
{{range$.Site.Menus.nav}
{{end}
{{end}
谢谢你的帮助 此主题无法很好地处理导航URL。试着替换
href=“{{$.Site.BaseURL}}{{.URL | absURL}}}”
到href=“{.URL | relURL}}”
。它应该适用于内部和外部链接
{{ if .IsHome }}
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto navigation-menu">
<li class="nav-item"><a class="nav-link" data-scroll href="#body">{{ with $.Site.Params.home }}{{ . }}{{ end }}</a></li>
{{ range $.Site.Menus.nav }}
<li class="nav-item"><a class="nav-link" data-scroll href="{{ .URL | relURL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</div>
{{ else }}
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto navigation-menu">
<li class="nav-item"><a class="nav-link" data-scroll href="{{ $.Site.BaseURL }}#body">{{ with $.Site.Params.home }}{{ . }}{{ end }}</a></li>
{{ range $.Site.Menus.nav }}
<li class="nav-item"><a class="nav-link" data-scroll href="{{ .URL | relURL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</div>
{{ end }}
谢谢你,尽管现在它把这个参数粘贴到URL前面,本地为,理想情况下它会链接到我在配置文件中给出的URL参数,我明白了。更新了我的答案。另外,你也可以看一看易慧的repo,了解如何正确设置导航barThanks-我会在早上检查,我会的,我想这是这个主题问题的一个独特之处,但我想更多的是一般的HTML问题谢谢,为网站导航URL添加了完整的链接//但删除了/。
baseurl = "/"
[menu]
[[menu.nav]]
name = "Summary"
URL = "/services"
weight = 2
[[menu.nav]]
name = "Contact"
URL = "/contact-us"
weight = 3
[[menu.nav]]
name = "Methods"
URL = "/blog"
weight = 4
[[menu.nav]]
name = "Français"
url = "https://example.com/" #this is the link I want to add
weight = 5