troldspejlet/hugo-theme-stack
troldspejlet/hugo-theme-stack
1
0
Fork 0
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2024-11-23 10:21:46 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source 
* 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
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/scss/partials/layout/article.scss
View file

@ -232,6 +232,10 @@
width: var(--card-padding); width: var(--card-padding);
text-align: center; text-align: center;
color: var(--accent-color); color: var(--accent-color);
&:before {
content: "#";
}
} }
&:hover, &:hover,

1
config.yaml
View file

@ -28,6 +28,7 @@ params:
src: img/avatar.png src: img/avatar.png
article: article:
headingAnchor: false
math: false math: false
toc: true toc: true
readingTime: true readingTime: true

4
layouts/_default/_markup/render-heading.html
View file

@ -1,4 +1,6 @@
<h{{ .Level }} id="{{ .Anchor }}"> <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 }} {{ .Text | safeHTML }}
</h{{ .Level }}> </h{{ .Level }}>