This commit is contained in:
parent
f9a2d52ea3
commit
5bb91eeb0f
2 changed files with 25 additions and 17 deletions
|
@ -6,37 +6,39 @@
|
|||
<!-- KaTeX -->
|
||||
<script
|
||||
defer
|
||||
src="https://cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.js"
|
||||
src="//cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.js"
|
||||
integrity="sha384-j/ZricySXBnNMJy9meJCtyXTKMhIJ42heyr7oAdxTDBy/CYA9hzpMo+YTNV5C+1X"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<script
|
||||
defer
|
||||
src="https://cdn.jsdelivr.net/npm/katex@0.16.6/dist/contrib/auto-render.min.js"
|
||||
src="//cdn.jsdelivr.net/npm/katex@0.16.6/dist/contrib/auto-render.min.js"
|
||||
integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05"
|
||||
crossorigin="anonymous"
|
||||
onload="renderMathInElement(document.body);"
|
||||
></script>
|
||||
<script>
|
||||
window.addEventListener("load", () => {
|
||||
for (let item of document.getElementsByClassName("language-math")) {
|
||||
katex.render(item.textContent, item, {
|
||||
displayMode: item.classList.contains("math-display"),
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{{/math}} {{#mermaid}}
|
||||
<!-- Mermaid diagrams -->
|
||||
<script type="module">
|
||||
import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
|
||||
mermaid.initialize({ startOnLoad: true });
|
||||
mermaid.initialize({ startOnLoad: false });
|
||||
await mermaid.run({
|
||||
querySelector: ".language-mermaid",
|
||||
});
|
||||
</script>
|
||||
{{/mermaid}} {{#syntax_highlight}}
|
||||
<!-- Syntax highligthing -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/shiki"></script>
|
||||
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
|
||||
<script>
|
||||
shiki
|
||||
.getHighlighter({
|
||||
theme: "nord",
|
||||
})
|
||||
.then((highlighter) => {
|
||||
const code = highlighter.codeToHtml(`console.log('shiki');`, {
|
||||
lang: "js",
|
||||
});
|
||||
document.getElementById("output").innerHTML = code;
|
||||
});
|
||||
hljs.highlightAll();
|
||||
</script>
|
||||
{{/syntax_highlight}} {{/metadata}} {{/post}} {{/data}}
|
||||
|
|
|
@ -43,9 +43,15 @@
|
|||
<!-- KaTeX -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.css"
|
||||
href="//cdn.jsdelivr.net/npm/katex@0.16.6/dist/katex.min.css"
|
||||
integrity="sha384-mXD7x5S50Ko38scHSnD4egvoExgMPbrseZorkbE49evAfv9nNcbrXJ8LLNsDgh9d"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
{{/math}} {{/metadata}} {{/post}} {{/data}}
|
||||
{{/math}} {{#syntax_highlight}}
|
||||
<!-- Syntax highligthing -->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css"
|
||||
/>
|
||||
{{/syntax_highlight}} {{/metadata}} {{/post}} {{/data}}
|
||||
</head>
|
||||
|
|
Loading…
Reference in a new issue