feat: add article.headingAnchor parameter and use CSS pseudo-element to display # symbol of heading anchor (#1016)

* feat: add `article.headingAnchor` parameter

* feat: use CSS pseudo-element to display `#` symbol of heading anchor

This prevents RSS feed readers and screen readers from seeing an extra `#`.

* Deactivate `article.headingAnchor` by default
This commit is contained in:
Jimmy Cai
2024-05-02 23:27:17 +02:00
committed by GitHub
parent 130e2f6607
commit f3783856ad
3 changed files with 8 additions and 1 deletions
+3 -1
View File
@@ -1,4 +1,6 @@
<h{{ .Level }} id="{{ .Anchor }}">
<a href="#{{ .Anchor }}" class="header-anchor">#</a>
{{- if site.Params.Article.HeadingAnchor -}}
<a href="#{{ .Anchor }}" class="header-anchor"></a>
{{- end -}}
{{ .Text | safeHTML }}
</h{{ .Level }}>