From e0ad45d920a46307cd0121bdb5221a1e81fef025 Mon Sep 17 00:00:00 2001
From: Oliver Lew <oliver_lew@outlook.com>
Date: Sat, 29 Dec 2018 14:49:34 +0800
Subject: [PATCH] use css files, and solve long word wrapping too.

---
 _includes/head.html                                 |  4 +++-
 _includes/katex.html                                |  9 +++++++++
 _includes/mathjax.html                              | 10 ----------
 _includes/katex_pat.html => assets/css/PATkatex.css |  2 --
 assets/css/mystyle.css                              |  3 +++
 5 files changed, 15 insertions(+), 13 deletions(-)
 create mode 100644 _includes/katex.html
 rename _includes/katex_pat.html => assets/css/PATkatex.css (99%)
 create mode 100644 assets/css/mystyle.css

diff --git a/_includes/head.html b/_includes/head.html
index 5149f95..802fff4 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -4,10 +4,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   {%- seo -%}
   <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
+  <link rel="stylesheet" href="{{ "/assets/css/mystyle.css" | relative_url }}">
+  <link rel="stylesheet" href="{{ "/assets/css/PATkatex.css" | relative_url }}">
   {%- feed_meta -%}
   {%- if jekyll.environment == 'production' and site.google_analytics -%}
     {%- include google-analytics.html -%}
   {%- endif -%}
   {%- include mathjax.html -%}
-  {%- include katex_pat.html -%}
+  {%- include katex.html -%}
 </head>
diff --git a/_includes/katex.html b/_includes/katex.html
new file mode 100644
index 0000000..0423714
--- /dev/null
+++ b/_includes/katex.html
@@ -0,0 +1,9 @@
+<!-- Katex files -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.css" integrity="sha384-9eLZqc9ds8eNjO3TmqPeYcDj8n+Qfa4nuSiGYa6DjLNcv9BtN69ZIulL9+8CqC9Y" crossorigin="anonymous">
+
+<!-- The loading of KaTeX is deferred to speed up page rendering -->
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.js" integrity="sha384-K3vbOmF2BtaVai+Qk37uypf7VrgBubhQreNQe9aGsz9lB63dIFiQVlJbr92dw2Lx" crossorigin="anonymous"></script>
+
+<!-- To automatically render math in text elements, include the auto-render extension: -->
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/contrib/auto-render.min.js" integrity="sha384-kmZOZB5ObwgQnS/DuDg6TScgOiWWBiVt0plIRkZCmE6rDZGrEOQeHM5PcHi+nyqe" crossorigin="anonymous"
+    onload="renderMathInElement(document.body);"></script>
diff --git a/_includes/mathjax.html b/_includes/mathjax.html
index 962fe2a..69c92f8 100644
--- a/_includes/mathjax.html
+++ b/_includes/mathjax.html
@@ -10,13 +10,3 @@ MathJax.Hub.Config({
 });
 </script>
 <script src="https://cdn.bootcss.com/mathjax/2.7.5/MathJax.js"></script>
-
-<!-- Katex files -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.css" integrity="sha384-9eLZqc9ds8eNjO3TmqPeYcDj8n+Qfa4nuSiGYa6DjLNcv9BtN69ZIulL9+8CqC9Y" crossorigin="anonymous">
-
-<!-- The loading of KaTeX is deferred to speed up page rendering -->
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.js" integrity="sha384-K3vbOmF2BtaVai+Qk37uypf7VrgBubhQreNQe9aGsz9lB63dIFiQVlJbr92dw2Lx" crossorigin="anonymous"></script>
-
-<!-- To automatically render math in text elements, include the auto-render extension: -->
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/contrib/auto-render.min.js" integrity="sha384-kmZOZB5ObwgQnS/DuDg6TScgOiWWBiVt0plIRkZCmE6rDZGrEOQeHM5PcHi+nyqe" crossorigin="anonymous"
-    onload="renderMathInElement(document.body);"></script>
diff --git a/_includes/katex_pat.html b/assets/css/PATkatex.css
similarity index 99%
rename from _includes/katex_pat.html
rename to assets/css/PATkatex.css
index 5dc646c..59de2a8 100644
--- a/_includes/katex_pat.html
+++ b/assets/css/PATkatex.css
@@ -1,4 +1,3 @@
-<style type="text/css">
 .katex-display {
   display: block;
   margin: 1em 0;
@@ -863,4 +862,3 @@
 .katex .mtable .col-align-r > .vlist {
   text-align: right;
 }
-</style>
diff --git a/assets/css/mystyle.css b/assets/css/mystyle.css
new file mode 100644
index 0000000..4f26a3c
--- /dev/null
+++ b/assets/css/mystyle.css
@@ -0,0 +1,3 @@
+p {
+  word-wrap:break-word;
+}