blog: add hover anchor links

2026-08-12 13:25:38 +08:00 · 2025-02-04 13:25:00 -08:00
parent 7d36a200f6
commit 5b408eec46
2 changed files with 14 additions and 0 deletions
--- a/website/themes/micromdm/layouts/_default/_markup/render-heading.html
+++ b/website/themes/micromdm/layouts/_default/_markup/render-heading.html
@@ -0,0 +1,6 @@
+<span class="header-hidden-anchor">
+<h{{ .Level }} id="{{ .Anchor }}">
+  {{ .Text | safeHTML }}
+  <a href="#{{ .Anchor }}">#</a>
+</h{{ .Level }}>
+</span>
--- a/website/themes/micromdm/static/css/micromdm.css
+++ b/website/themes/micromdm/static/css/micromdm.css
@@ -492,4 +492,12 @@ section p {
 }
 .post blockquote p {
  padding:0.5em;
+}
+
+.header-hidden-anchor a {
+  visibility: hidden;
+}
+
+.header-hidden-anchor:hover a {
+  visibility: visible;
 }