feat: copyable header anchors (fixes #86)

hugo
Jacky Zhao 3 years ago
parent ec86cca97b
commit b8a660e208

@ -12,6 +12,19 @@ h1, h2, h3, h4, h5, h6, ol, ul, thead {
font-weight: revert; font-weight: revert;
margin: revert; margin: revert;
padding: revert; padding: revert;
&:hover > .hanchor {
opacity: 1;
}
}
.hanchor {
font-family: Inter;
margin-left: -1em;
opacity: 0.3;
transition: opacity 0.3s ease;
color: var(--secondary);
} }
p, ul, text { p, ul, text {

@ -53,4 +53,8 @@
{{end}} {{end}}
{{end}} {{end}}
{{end}} {{end}}
{{/* Add copyable anchors */}}
{{ $content = $content | replaceRE "(<h[1-9] id=\"([^\"]+)\">)(.+)(</h[1-9]>)" `<a href="#${2}">${1}<span class="hanchor" ariaLabel="Anchor"># </span>${3}${4}</a>` }}
{{ $content | safeHTML }} {{ $content | safeHTML }}

Loading…
Cancel
Save