我有2页,我们称它们为www.mywebsite.com/page1.html
和www.mywebsite.com/page2.html
。
在page1.md
上,我有一个类似的链接:
[My Link](/page2.html)
因此,当用户单击此链接时,它将转到www.mywebsite.com/page2.html
的顶部。
这是我的page2.md的摘录:
<h2>Topic 1</h2>
some text
.
.
<h2>Topic 2</h2>
more text
现在,我想添加一个锚点,以便当用户单击页面1上的链接时,它会转到页面2,但页面顶部显示为主题2。 我该怎么办?
注意: 有人建议这样做:
如果您使用markdown创作页面,那么Hugo markdown引擎会自动将id属性添加到标题中。例如,对于您的内容:
<!-- write page in markdown -->
## Topic 1
some text
...
## Topic 2
more text
雨果将为您生成如下内容:
<!-- generated content -->
<h2 id="topic-1">Topic 1</h2>
some text
...
<h2 id="topic-2">Topic 2</h2>
more text
您可以按如下所示链接到页面的一部分:
<!-- link to section -->
![Topic 2](/page2/#topic-2)
不幸的是,这对我不起作用。当我在!
中加入![Topic 2](/page2/#topic-2)
时,它没有创建可点击的链接。当我删除!
并仅拥有[Topic 2](/page2/#topic-2)
时,它创建了一个链接,但锚不起作用。
更新 如果我使用:
[Topic 2](/page2.html#topic-2)
然后锚点可在Firefox上运行,但不适用于Chrome。