Я использую якорные ссылки в своем документе .markdown следующим образом:
# {#infrared}
Это прекрасно работает, но я хотел реализовать следующий CSS, чтобы ссылка прокручивалась до середины страницы, а не вверху:
.anchor {
position: absolute;
transform: translateY(-50vh);
}
Как я могу добавить класс anchor к своей якорной ссылке в документе уценки?
🤔 А знаете ли вы, что...
HTML5 внедрил множество новых семантических элементов, таких как <header>, <footer>, <nav> и другие.
Я думаю, что общая уценка поддерживает html-теги, например, вы должны иметь возможность использовать
<p class = "anchor">text...</p>
но в любом случае, если это действительно не сработает, у вас есть несколько других вариантов. Например, «Атрибуты защищенного кода»:
```{.red .numberLines startFrom = "1"}
Here is a paragraph.
And another.
```
Это действительно пример, скопированный из документов, больше вариантов действительно доступно здесь: https://lifelongprogrammer.blogspot.com/2019/01/how-to-style-markdown-with-css.html
На основании этого ответа здесь имеем:
Согласно README 1 Goldmark процессор Markdown, который в настоящее время включено по умолчанию в Hugo:
В настоящее время только заголовки поддерживают атрибуты…
## heading ## {#id .className attrName=attrValue class = "class1 class2"}
## heading {#id .className attrName=attrValue class = "class1 class2"}