From 81666ed54bb438f4af01fd4a111df8bd7d423120 Mon Sep 17 00:00:00 2001
From: d-dandrew <48591494+d-dandrew@users.noreply.github.com>
Date: Mon, 01 Apr 2019 23:14:19 +0000
Subject: [PATCH] Add KaTeX support (#164)
---
layouts/partials/posts/math.html | 14 ++++++++++++++
exampleSite/content/posts/render-latex-using-katex.md | 36 ++++++++++++++++++++++++++++++++++++
2 files changed, 50 insertions(+), 0 deletions(-)
diff --git a/exampleSite/content/posts/render-latex-using-katex.md b/exampleSite/content/posts/render-latex-using-katex.md
new file mode 100644
index 0000000..7fd69cb
--- /dev/null
+++ b/exampleSite/content/posts/render-latex-using-katex.md
@@ -0,0 +1,36 @@
++++
+date = "2019-03-20"
+title = "Render LaTeX using KaTeX"
+description = "Katex support demo"
+katex = "true"
+series = ["Theme", "Hugo"]
++++
+
+Enable katex by adding `katex = "true"` to the [front matter](https://gohugo.io/content-management/front-matter/)
+
+```toml
++++
+katex = "true"
++++
+```
+
+It's almost a dropin alternative to the mathjax solution,you should just choose one of them.
+
+Inline math looks like this
+
+```tex
+This is text with inline math $\sum_{n=1}^{\infty} 2^{-n} = 1$
+```
+
+This is text with inline math $\sum_{n=1}^{\infty} 2^{-n} = 1$
+and with math blocks:
+
+```tex
+$$
+\sum_{n=1}^{\infty} 2^{-n} = 1
+$$
+```
+
+$$
+\sum_{n=1}^{\infty} 2^{-n} = 1
+$$
diff --git a/layouts/partials/posts/math.html b/layouts/partials/posts/math.html
index d33753a..111ed0a 100644
--- a/layouts/partials/posts/math.html
+++ b/layouts/partials/posts/math.html
@@ -22,3 +22,17 @@
});
</script>
{{- end -}}
+{{- if .Params.katex -}}
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.1/dist/katex.min.css" integrity="sha384-dbVIfZGuN1Yq7/1Ocstc1lUEm+AT+/rCkibIcC/OmWo5f0EA48Vf8CytHzGrSwbQ" crossorigin="anonymous">
+ <script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.1/dist/katex.min.js" integrity="sha384-2BKqo+exmr9su6dir+qCw08N2ZKRucY4PrGQPPWU1A7FtlCGjmEGFqXCv5nyM5Ij" crossorigin="anonymous"></script>
+ <script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
+ onload="renderMathInElement(document.body,
+ {
+ delimiters: [
+ {left: '$$', right: '$$', display:true},
+ {left: '$', right: '$', display:false},
+ ]
+ }
+ );">
+ </script>
+{{- end -}}
--
Gitblit v1.10.0