如何复制标题旁边的小 ¶ pilcrow 图标,该图标创建到标题的链接。
这是我的意思的一个例子:https://squidfunk.github.io/mkdocs-material/getting-started/
在标题上,有一个可以单击的 ¶ 箭头。当您单击它时,它会将您带到该标题,并为其创建一个链接。这也可以在大多数其他文档网站上看到。
我想拥有带有 pilcrow 图标的功能,但我不知道如何复制它,因为我使用的是自定义 Jekyll 主题。感谢任何和所有的帮助,谢谢!
.anchor {
display: none;
}
h3:hover > .anchor {
display: inline;
}
<h3 id="my-title">
My title
<a class="anchor" href="#my-title" aria-hidden="true">¶</a>
</h3>