From 6133ec1043f5ff56b79663fe6b7d64ed839522fd Mon Sep 17 00:00:00 2001
From: machsix <28209092+machsix@users.noreply.github.com>
Date: Thu, 16 May 2019 14:19:08 -0400
Subject: [PATCH 1/4] fea: katex support

---
 exampleSite/config.toml         |  3 +++
 layouts/partials/footer.html    | 39 +++++++++++++++++++++++++++++++++
 layouts/partials/head-meta.html |  5 +++++
 3 files changed, 47 insertions(+)

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 63cfd55..acca408 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -80,6 +80,9 @@ theme = "hugo-bootstrap"
   # Default author
   author = "John Doe"
 
+  # Enable katex globally, or add "katex: true" for specific post
+  katex = true
+
   # Date format (default: Jan 2, 2006)
   # date_format = "Jan 2, 2006"
 
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 36dd6ce..09bdc99 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -6,6 +6,45 @@
 {{ $copyright := default $thanks .Site.Copyright }}
 {{ $colorScheme := default "light" .Site.Params.footer.colorScheme }}
 
+{{ if $.Param "katex" }}
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.2/dist/katex.min.js"
+    integrity="sha384-9Nhn55MVVN0/4OFx7EE5kpFBPsEMZxKTCnA+4fqDmg12eCTqGi6+BB2LjY8brQxJ"
+    crossorigin="anonymous"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.2/dist/contrib/auto-render.min.js"
+    integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI"
+    crossorigin="anonymous"></script>
+<script>
+    document.addEventListener("DOMContentLoaded", function () {
+        renderMathInElement(document.body,
+            {
+                delimiters: [
+                    { left: "$$", right: "$$", display: true },
+                    { left: "$", right: "$", display: false },
+                ]
+            }
+        );
+
+        var inlineMathArray = document.querySelectorAll("script[type='math/tex']");
+        for (var i = 0; i < inlineMathArray.length; i++) {
+            var inlineMath = inlineMathArray[ i ];
+            var tex = inlineMath.innerText || inlineMath.textContent;
+            var replaced = document.createElement("span");
+            replaced.innerHTML = katex.renderToString(tex, { displayMode: false });
+            inlineMath.parentNode.replaceChild(replaced, inlineMath);
+        }
+
+        var displayMathArray = document.querySelectorAll("script[type='math/tex; mode=display']");
+        for (var i = 0; i < displayMathArray.length; i++) {
+            var displayMath = displayMathArray[ i ];
+            var tex = displayMath.innerHTML;
+            var replaced = document.createElement("span");
+            replaced.innerHTML = katex.renderToString(tex.replace(/%.*/g, ''), { displayMode: true });
+            displayMath.parentNode.replaceChild(replaced, displayMath);
+        }
+    });
+</script>
+{{ end }}
+
 <footer class="blog-footer w-100">
     <nav class="navbar navbar-{{ $colorScheme }} bg-{{ $colorScheme }}">
         <p class="w-100 text-center">{{ $copyright }}</p>
diff --git a/layouts/partials/head-meta.html b/layouts/partials/head-meta.html
index 3942f96..b8605f6 100644
--- a/layouts/partials/head-meta.html
+++ b/layouts/partials/head-meta.html
@@ -4,3 +4,8 @@
 
 {{ template "_internal/opengraph.html" . }}
 {{ template "_internal/twitter_cards.html" . }}
+
+{{ if $.Param "katex" }}
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.2/dist/katex.min.css"
+    integrity="sha384-yFRtMMDnQtDRO8rLpMIKrtPCD5jdktao2TV19YiZYWMDkUR5GQZR/NOVTdquEx1j" crossorigin="anonymous">
+{{ end }}
\ No newline at end of file

From 317a6c904b1c407404669f73e0abb12fcc91e83b Mon Sep 17 00:00:00 2001
From: machsix <28209092+machsix@users.noreply.github.com>
Date: Thu, 16 May 2019 15:54:16 -0400
Subject: [PATCH 2/4] fea: disqus support

---
 exampleSite/config.toml      | 3 +++
 layouts/_default/single.html | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index acca408..678d39b 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -14,6 +14,9 @@ theme = "hugo-bootstrap"
   tag = "tags"
   category = "categories"
 
+# disqus
+# disqusShortname = "xxxxxx"
+
 # Google analytics
 # googleAnalytics = ""
 
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 1e2c668..e65b921 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -24,5 +24,7 @@ <h4>{{ i18n "translations" }}</h4>
     {{ partial "related" . }}
 
 </article>
-
+{{ if and (not .Params.nocomment) .Site.DisqusShortname }}
+  {{ template "_internal/disqus.html" . }}
+{{ end }}
 {{ end }}

From ad4f6023c9ea727ed4afcd131bada2149c5abcaf Mon Sep 17 00:00:00 2001
From: machsix <28209092+machsix@users.noreply.github.com>
Date: Thu, 16 May 2019 17:09:01 -0400
Subject: [PATCH 3/4] fix: css for blockquote

---
 static/css/style.css | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/static/css/style.css b/static/css/style.css
index 4f0aa4b..5dd2b4e 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -6,3 +6,28 @@
 .blog-post img {
   max-width: 100%;
 }
+
+blockquote {
+	color: #999;
+	border-left: .5rem solid #d7dbe0;
+	background-color: #f8f9fa;
+	margin: .5rem 0;
+	padding-left: 1rem;
+	padding-top: 1rem;
+  padding-bottom: 0.5rem;
+}
+
+blockquote p {
+	margin-top: 0;
+	padding-left: 1rem;
+	font-style: italic;
+}
+
+blockquote:before {
+  color: #ccc;
+  content: '\201C';
+  font-size: 4em;
+  line-height: 0.1em;
+  margin-right: 0.25em;
+  vertical-align: -0.4em;
+}
\ No newline at end of file

From 71974066eccdd6d610dd07e8d2a65c4a0d393181 Mon Sep 17 00:00:00 2001
From: machsix <28209092+machsix@users.noreply.github.com>
Date: Thu, 16 May 2019 19:07:07 -0400
Subject: [PATCH 4/4] fea: add css for table

---
 static/css/style.css | 72 ++++++++++++++++++++++++++++++++------------
 1 file changed, 53 insertions(+), 19 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 5dd2b4e..70224bb 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,33 +1,67 @@
-.blog-header, .blog-post, .blog-pagination {
-  margin-bottom: 2rem;
+.blog-header,
+.blog-post,
+.blog-pagination {
+    margin-bottom: 2rem;
 }
 
+
 /* Make sure the image size is reasonable. */
+
 .blog-post img {
-  max-width: 100%;
+    max-width: 100%;
 }
 
 blockquote {
-	color: #999;
-	border-left: .5rem solid #d7dbe0;
-	background-color: #f8f9fa;
-	margin: .5rem 0;
-	padding-left: 1rem;
-	padding-top: 1rem;
-  padding-bottom: 0.5rem;
+    color: #999;
+    border-left: .5rem solid #d7dbe0;
+    background-color: #f8f9fa;
+    margin: .5rem 0;
+    padding-left: 1rem;
+    padding-top: 1rem;
+    padding-bottom: 0.5rem;
 }
 
 blockquote p {
-	margin-top: 0;
-	padding-left: 1rem;
-	font-style: italic;
+    margin-top: 0;
+    padding-left: 1rem;
+    font-style: italic;
 }
 
 blockquote:before {
-  color: #ccc;
-  content: '\201C';
-  font-size: 4em;
-  line-height: 0.1em;
-  margin-right: 0.25em;
-  vertical-align: -0.4em;
+    color: #ccc;
+    content: '\201C';
+    font-size: 4em;
+    line-height: 0.1em;
+    margin-right: 0.25em;
+    vertical-align: -0.4em;
+}
+
+article table:not([style]) {
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: 1rem;
+    background-color: transparent;
+    border-bottom-style: solid;
+    border-bottom-width: 2px;
+    border-bottom-color: #dee2e6
+}
+
+article table:not([style]) td,
+article table:not([style]) th {
+    padding: .75rem;
+    vertical-align: top;
+    border-top: 1px solid #dee2e6
+}
+
+article table:not([style]) thead th {
+    vertical-align: bottom;
+    border-bottom: 2px solid #dee2e6
+}
+
+article table:not([style]) tbody+tbody {
+    border-top: 2px solid #dee2e6
+}
+
+article table:not([style]) {
+    background-color: #fff
 }
\ No newline at end of file