У меня есть 2 страницы, давайте назовем их www.mywebsite.com/page1.html
и www.mywebsite.com/page2.html
.На page1.md
у меня есть такая ссылка:
[My Link](/page2.html)
Так что, когда пользователь нажимает на эту ссылку, она переходит в начало www.mywebsite.com/page2.html
.
Вот фрагмент моей страницы2.md:
<h2>Topic 1</h2>
some text
.
.
<h2>Topic 2</h2>
more text
Теперь я хочу добавить привязку, чтобы при щелчке пользователя по ссылке на странице 1 он переходил на страницу 2, но в верхней части страницы отображался раздел 2. Как я могусделать это?
ПРИМЕЧАНИЕ: Кто-то предложил сделать это:
Если вы используете уценку для создания своих страниц, движок уценки Hugo автоматически добавит атрибуты id в ваши заголовки,Например, для вашего контента:
<!-- write page in markdown -->
## Topic 1
some text
...
## Topic 2
more text
Hugo сгенерирует ваш контент следующим образом:
<!-- 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.