添加 CSS class 到 markdown 中的锚点 link (Hugo)

Question

我在 .markdown 文档中使用锚点 links，如下所示：

# {#infrared}

这很好用，但我想实现以下 CSS 以便 link 滚动到页面中间而不是顶部：

.anchor {
  position: absolute;
  transform: translateY(-50vh);
}

如何在 markdown 文档中将 class anchor 添加到我的锚点 link？

Answer 1

我认为整体降价支持 html 标签例如你应该可以使用

<p class="anchor">text...</p>

但无论哪种方式，如果它不会真正起作用，您就没有其他选择。例如“防护代码属性”：

```{.red .numberLines startFrom="1"}
Here is a paragraph.

And another.
```

Answer 2

基于这个答案here，我们有：

As per the README 1 of Goldmark the Markdown processor that is currently turned on by default in Hugo:

Currently only headings support attributes…

## heading ## {#id .className attrName=attrValue class="class1 class2"}
 
## heading {#id .className attrName=attrValue class="class1 class2"}

Adding CSS class to anchor link in markdown (Hugo)