雨果:在markdown中为指向其他页面的链接添加锚点

时间:2019-07-11 00:37:36

标签: hyperlink markdown anchor hugo

我有2页,我们称它们为www.mywebsite.com/page1.htmlwww.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。

0 个答案:

没有答案