[Support markdown math] hexo feature

CatherineLiyuankun · Apr 15, 2020 · 71e6f7a · 71e6f7a
1 parent f29033c
commit 71e6f7a
Show file tree

Hide file tree

Showing 6 changed files with 53 additions and 10 deletions.
diff --git a/.gitignore b/.gitignore
@@ -5,4 +5,5 @@ db.json
 node_modules/
 public/
 .deploy*/
+.drawio-chrome*/
 landscape/
diff --git a/_config.yml b/_config.yml
@@ -303,4 +303,12 @@ search:
   field: post
   format: html
   limit: 10000
-  content: true
+  content: true
+
+# Support Markdown Math
+  math:
+    engine: 'mathjax' # or 'katex'
+    mathjax:
+      # src: custom_mathjax_source
+      config:
+        # MathJax config
diff --git a/package.json b/package.json
@@ -18,6 +18,8 @@
     "hexo-generator-seo-friendly-sitemap": "0.0.25",
     "hexo-generator-sitemap": "^2.0.0",
     "hexo-generator-tag": "^0.2.0",
+    "hexo-inject": "^1.0.0",
+    "hexo-math": "^3.0.4",
     "hexo-renderer-ejs": "^1.0.0",
     "hexo-renderer-jade": "^0.5.0",
     "hexo-renderer-markdown-it": "^3.4.1",

diff --git a/themes/zilan/_config.yml b/themes/zilan/_config.yml
@@ -20,4 +20,10 @@ algolia_search:
   enable: false
 
 menu_icons:
-  enable: true
+  enable: true
+
+# MathJax Support
+mathjax:
+  enable: true
+  per_page: false
+  cdn: //cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML
diff --git a/themes/zilan/layout/_third-party/mathjax.ejs b/themes/zilan/layout/_third-party/mathjax.ejs
@@ -0,0 +1,23 @@
+<% if(theme.mathjax.enable) { %> 
+  <% if (!theme.mathjax.per_page || (page.total || page.mathjax)) { %> 
+    <script type="text/x-mathjax-config">
+      MathJax.Hub.Config({
+        tex2jax: {
+          inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
+          processEscapes: true,
+          skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
+        }
+      });
+    </script>
+
+    <script type="text/x-mathjax-config">
+      MathJax.Hub.Queue(function() {
+        var all = MathJax.Hub.getAllJax(), i;
+        for (i=0; i < all.length; i += 1) {
+          all[i].SourceElement().parentNode.className += ' has-jax';
+        }
+      });
+    </script>
+    <script type="text/javascript" src="<%= theme.mathjax.cdn%>"></script>
+  <% } %>
+<% } %>
diff --git a/themes/zilan/layout/layout.ejs b/themes/zilan/layout/layout.ejs
@@ -55,15 +55,18 @@
 
 	<a id="rocket" href="#top" class="" rel="external nofollow"></a>
 	<script type="text/javascript" src="/js/totop.js?v=1.0.0" async=""></script>
-    <script type="text/javascript" src="/js/toc.js?v=1.0.0" async=""></script>
+  <script type="text/javascript" src="/js/toc.js?v=1.0.0" async=""></script>
 
-    <!-- Fancybox -->
-    <% if (theme.fancybox){ %>
-        <%- css('/lib/fancybox/jquery.fancybox') %>
-        <%- js('/lib/fancybox/jquery.fancybox.pack') %>
-        <%- js('/js/wrapImage.js') %>
-    <% } %>
-    <!-- Migrate from head to bottom, no longer block render and still work -->
+  <!-- Markdown math -->
+  <% include ./_third-party/mathjax.ejs %>
+
+  <!-- Fancybox -->
+  <% if (theme.fancybox){ %>
+      <%- css('/lib/fancybox/jquery.fancybox') %>
+      <%- js('/lib/fancybox/jquery.fancybox.pack') %>
+      <%- js('/js/wrapImage.js') %>
+  <% } %>
+  <!-- Migrate from head to bottom, no longer block render and still work -->
 
 </body>