Html ascidoc:如何为锚创建可单击的锚

Html ascidoc:如何为锚创建可单击的锚,html,css,jekyll,asciidoc,asciidoctor,Html,Css,Jekyll,Asciidoc,Asciidoctor,我有一个使用Ascidoc的jekyll博客网站。现在,我希望在将鼠标悬停在标题上时出现一个“锚定”符号,如GitHub上: 单击符号时,浏览器应跳转到标题,因此HTML输出应如下所示: 彩虹桌上有什么? 等效的ASCIIDC标记为: == xref:whats-in-a-rainbow-table[ ]What's in a Rainbow table? 这在一些CSS中很有效,看起来也不错,但我不想为每个标题都写这么多标记。有没有一种方法可以自动执行此操作?添加“永久链接”图标最好使

我有一个使用Ascidoc的jekyll博客网站。现在,我希望在将鼠标悬停在标题上时出现一个“锚定”符号,如GitHub上:

单击符号时,浏览器应跳转到标题,因此HTML输出应如下所示:


彩虹桌上有什么?
等效的ASCIIDC标记为:

== xref:whats-in-a-rainbow-table[ ]What's in a Rainbow table?
这在一些CSS中很有效,看起来也不错,但我不想为每个标题都写这么多标记。有没有一种方法可以自动执行此操作?

添加“永久链接”图标最好使用自定义JavaScript,添加到用于生成HTML的主题中

您可以使用“docinfo”文件添加自定义JavaScript。请参阅我对的回答,了解这样做的策略


您的自定义JavaScript应该在页面加载时运行,搜索所有标题,创建permalink锚点,并将其注入标题标记。

老实说,我对Ascidoc不是很坚定。但据我所知/记得,有可能以某种方式将Ascidoc与JS连接起来吗?所以这可能是一个典型的目的,你可以解决与JS。。。你能在JS中做到吗?@Brebber我想这只适用于JS版本的Ascidoc,我使用的是Ruby版本(因为Jekyll使用Ruby)。不幸的是,我对Ruby不是很熟悉。我看过一个用Ruby编写Ascidoc宏的教程。实际上,我可能会这样做,以减少每个标题的样板文件数量,但我希望有更好的解决方案。我不知道为什么我没有想到这一点,这是一个更优雅的解决方案。谢谢