diff --git a/_includes/blog-post.html b/_includes/blog-post.html
index 4f6b8dbc2..60747452d 100644
--- a/_includes/blog-post.html
+++ b/_includes/blog-post.html
@@ -1,4 +1,4 @@
-<div class="blog-post">
+<div class="blog-post" id="blog-post-math-content">
 	<h2 class="blog-post-title">
 		{{ include.post.title }}
 	</h2>
diff --git a/_includes/dependencies-js-blog.html b/_includes/dependencies-js-blog.html
index cb615e92b..151cbd0a2 100644
--- a/_includes/dependencies-js-blog.html
+++ b/_includes/dependencies-js-blog.html
@@ -1,30 +1,11 @@
 {% if page.math %}
-<script>
-window.MathJax = {
-  tex: {
-    inlineMath: [['$','$']],
-    displayMath: [['£$', '£$']],
-    processEscapes: true,
-    autoload: {
-      color: [],
-      colorV2: ['color']
-    },
-    packages: {'[+]': ['noerrors']}
-  },
-  svg: {
-    fontCache: 'global'
-  },
-  options: {
-    ignoreHtmlClass: 'tex2jax_ignore',
-    processHtmlClass: 'tex2jax_process'
-  },
-  loader: {
-    load: ['[tex]/noerrors']
-  }
-};
-</script>
-<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js" id="MathJax-script"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
+    onload="renderMathInElement(document.getElementById('blog-post-math-content'), {delimiters: [
+    {left: '£$', right: '£$', display: true},
+    {left: '$', right: '$', display: false}
+]});"></script>
 {% endif %}
 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
 <script type="text/javascript" src="/assets/js/index.blog.min.js?rev=9a2b035a05763800c451c5b6834f504b"></script>
diff --git a/_includes/head.html b/_includes/head.html
index c10fd6cf9..5833a228e 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -12,6 +12,7 @@
 	<link rel="prefetch" href="/blog/">
 	{% endif %}
 	<link rel="preconnect" href="https://www.google-analytics.com">
+	<link rel="preconnect" href="https://cdn.jsdelivr.net">
 	{% include icons.html %}
 	{% include analytics.html %}
 	<style>body{visibility: hidden;}</style>
diff --git a/dependencies-js-blog.html b/dependencies-js-blog.html
index cd36dcf15..ae05a6c3c 100644
--- a/dependencies-js-blog.html
+++ b/dependencies-js-blog.html
@@ -1,30 +1,11 @@
 {% if page.math %}
-<script>
-window.MathJax = {
-  tex: {
-    inlineMath: [['$','$']],
-    displayMath: [['£$', '£$']],
-    processEscapes: true,
-    autoload: {
-      color: [],
-      colorV2: ['color']
-    },
-    packages: {'[+]': ['noerrors']}
-  },
-  svg: {
-    fontCache: 'global'
-  },
-  options: {
-    ignoreHtmlClass: 'tex2jax_ignore',
-    processHtmlClass: 'tex2jax_process'
-  },
-  loader: {
-    load: ['[tex]/noerrors']
-  }
-};
-</script>
-<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
-<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js" id="MathJax-script"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
+    onload="renderMathInElement(document.getElementById('blog-post-math-content'), {delimiters: [
+    {left: '£$', right: '£$', display: true},
+    {left: '$', right: '$', display: false}
+]});"></script>
 {% endif %}
 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
 <script type="text/javascript" src="/assets/js/index.blog.min.js?rev=@@hash"></script>