创建Web内容时,我们通常希望使用锚点和哈希链接链接到同一页面上的特定部分。例如,假设我有这样的栏目标题:
<h3 id="some-section">Some section</h3>
或者,不使用ID:
<h3><a name="some-section">Some section</a></h3>
我可以使用如下所示的锚标记链接到该特定部分:
<a href="#some-section">Jump to section</a>
请注意,哈希将简单地附加到当前URL。如果我所在的页面是example.com
,则在单击锚点后,它将是example.com/#some-section
。
Hugo似乎不支持此功能(自v0.42.2起)
在创建这样的链接时,Hugo始终会生成一个将哈希放在域名之后的链接,如果您当前的位置为example.com/posts
,则会导致链接断开。
经过研究,我发现Hugo在这些情况下支持特殊的语法,即ref
和relref
:
[Foo]({{<ref "#foo" >}})
[Foo]({{<relref "#foo" >}})
但是,这些似乎也不起作用。实际上,这仍然是官方的Hugo论坛中的unsolved discussion。