close #37: use the script https://github.com/yihui/misc.js/blob/main/…

…js/toc-highlight.js to highlight TOC items when scrolling
yihui · Sep 12, 2023 · aba7a3e · aba7a3e
1 parent 70c2c8a
commit aba7a3e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/layouts/partials/foot_custom.html b/layouts/partials/foot_custom.html
@@ -10,7 +10,7 @@
 {{ template "_internal/google_analytics.html" . }}
 
 {{ if .IsPage }}
-<script src="https://cdn.jsdelivr.net/combine/npm/@xiee/utils/js/number-sections.min.js,npm/@xiee/utils/js/toc.min.js,npm/@xiee/utils/js/sidenotes.min.js,npm/@xiee/utils/js/right-quote.min.js,npm/@xiee/utils/js/center-img.min.js,npm/@xiee/utils/js/fix-pandoc.min.js,npm/@xiee/utils/js/heading-anchor.min.js" defer></script>
+<script src="https://cdn.jsdelivr.net/combine/npm/@xiee/utils/js/number-sections.min.js,npm/@xiee/utils/js/toc.min.js,npm/@xiee/utils/js/toc-highlight.min.js,npm/@xiee/utils/js/sidenotes.min.js,npm/@xiee/utils/js/right-quote.min.js,npm/@xiee/utils/js/center-img.min.js,npm/@xiee/utils/js/fix-pandoc.min.js,npm/@xiee/utils/js/heading-anchor.min.js" defer></script>
 {{ end }}
 
 {{ if and (not .Params.disable_highlight) (in (string .Content) "</pre>") }}

diff --git a/static/css/style.css b/static/css/style.css
@@ -168,6 +168,7 @@ blockquote {
 #TOC .numbered li { list-style: none; }
 #TOC .numbered { padding-left: 0; }
 #TOC .numbered ul { padding-left: 1em; }
+#TOC .active { font-weight: bold; }
 .side-title { width: 3em; }
 .side-title h1 { border: none; }
 .post-card .side-title h1 a, .post-card .spacer-right, .appendix h3 { color: lightslategray; }