Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-28 19:43:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add math formula render to table of contents

Browse Source 
Add element (.widget--toc) to be rendered by KaTeX
This commit is contained in:
AMoment 2025-03-20 18:51:10 +08:00
parent 9e6b7b22a9
commit a596403c83
1 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
layouts/partials/article/components/math.html
View File

@ -1,14 +1,21 @@
{{- partial "helper/external" (dict "Context" . "Namespace" "KaTeX") -}} {{- partial "helper/external" (dict "Context" . "Namespace" "KaTeX") -}}
<script> <script>
window.addEventListener("DOMContentLoaded", () => { window.addEventListener("DOMContentLoaded", () => {
const mainArticleElement = document.querySelector(".main-article"); const elementsToRender = [".main-article", ".widget--toc"];
renderMathInElement(mainArticleElement, {
delimiters: [ elementsToRender.forEach(selector => {
{ left: "$$", right: "$$", display: true }, const element = document.querySelector(selector);
{ left: "$", right: "$", display: false }, if (element) {
{ left: "\\(", right: "\\)", display: false }, renderMathInElement(element, {
{ left: "\\[", right: "\\]", display: true } delimiters: [
], { left: "$$", right: "$$", display: true },
ignoredClasses: ["gist"] { left: "$", right: "$", display: false },
});}) { left: "\\(", right: "\\)", display: false },
</script> { left: "\\[", right: "\\]", display: true }
],
ignoredClasses: ["gist"]
});
}
});
});
</script>