Добавляйте якорные ссылки в заголовки в Hugo
Якорная ссылка — это ссылка, которая позволяет пользователям перемещаться по странице веб-сайта. Когда читатели попадают на страницу, они хотят немедленно узнать, полезна ли содержащаяся на ней информация или имеет ли она отношение к их поиску. Это помогает легко прокручивать и бегло читать. Именованный якорь можно использовать для ссылки на другую часть той же страницы или на определенный раздел другой страницы. Они позволят вам «прыгать» вверх или вниз по большому фрагменту текста.
Этот фрагмент кода позволяет автоматически добавлять привязки к заголовкам HTML в Hugo. Якоря называются на основе текста заголовка и используются для прямой ссылки на любой элемент на веб-странице, которому присвоено значение id. Просто замените {{ .Content }} этим фрагментом кода в одиночном макете по умолчанию:
{{ .Content | replaceRE "(<h[1-6]\\sid=\"([^\"]+)\"\\s?>)(.+)(</h[1-6]+>)" "${1}<a href=\"#${2}\">${3}</a>${4}" | safeHTML }}Первоначально опубликовано на https://ronaldsvilcins.com 16 декабря 2021 г.
