diff --git a/_config.yml b/_config.yml
index 5a803310367ef8219e898dcd550adf5b5b262f28..d280f60f47cd2c947bbed19f3a2447f1da425e46 100644
--- a/_config.yml
+++ b/_config.yml
@@ -73,8 +73,7 @@ sass:
 kramdown:
   toc_levels: '1'
 
-mermaid:
-  src: 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js'
+mermaid: 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js'
 
 remarkConfig:
   # possible highlight options:
diff --git a/_config_production.yml b/_config_production.yml
index f63900ebc10f1b94985654d1e7a96a0a4604ee51..b8ce4bc3add0a7b7860e813ec56d38fd5ec27506 100644
--- a/_config_production.yml
+++ b/_config_production.yml
@@ -69,8 +69,7 @@ sass:
 kramdown:
   toc_levels: '1'
 
-mermaid:
-  src: 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js'
+mermaid: 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js'
 
 remarkConfig:
   # possible highlight options:
diff --git a/_layouts/assignment.html b/_layouts/assignment.html
index 311d9a4d1b40e0388abfb08e9364661735a9a577..28efdfaace4ea9663f28a1ac5d2ac5586cfddaf8 100644
--- a/_layouts/assignment.html
+++ b/_layouts/assignment.html
@@ -55,7 +55,7 @@
       {% include footer.html %}
     </main>
 
-    <script type="text/javascript" src="{{'assets/js/mermaid.8.8.2.js' | relative_url}}"></script>
+    <script type="text/javascript" src="{{site.mermaid}}"></script>
   <link rel="stylesheet" href="{{ '/assets/css/mermaid.css' | relative_url }}">
   <link rel="stylesheet" href="{{ '/assets/css/assignment.css' | relative_url }}">
   <script>
diff --git a/_layouts/default.html b/_layouts/default.html
index f33e4f67ee5e3119d2d893627857cac8d9005860..31a9cbf66f2b020c2f3408dc3c58604d32d80e4a 100755
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -24,7 +24,7 @@
 
   <script src="{{ '/assets/js/bootstrap.min.js' | relative_url}}"></script>
 
-    <script type="text/javascript" src="{{'assets/js/mermaid.8.8.2.js' | relative_url}}"></script>
+    <script type="text/javascript" src="{{site.mermaid}}"></script>
   <link rel="stylesheet" href="{{ '/assets/css/mermaid.css' | relative_url }}">
   <script>
         var config = {
diff --git a/_layouts/presentation.html b/_layouts/presentation.html
index 903bd61da0817f3f96eac83eb10dcaeb7ce437cf..5023f295408e5d39890848035e85ba2fb0be38e3 100644
--- a/_layouts/presentation.html
+++ b/_layouts/presentation.html
@@ -45,7 +45,7 @@
     <script type="text/javascript" src="{{'assets/js/mathjax-sre.js' | relative_url}}"></script>
     <script type="text/javascript" src="{{'assets/js/html2canvas.min.js' | relative_url}}"></script>
     <script type="text/javascript" src="{{'assets/js/presentation-export.js' | relative_url}}"></script>
-    <script type="text/javascript" src="{{'assets/js/mermaid.8.8.2.js' | relative_url}}"></script>
+    <script type="text/javascript" src="{{site.mermaid}}"></script>
 
     <script type="text/javascript">
       var slideshow = remark.create({
diff --git a/_layouts/presentation_production.html b/_layouts/presentation_production.html
index 43154e9fc43a35d6be7a110dc54890e401c37cac..a285b4bb215ebfc284c98945bc2f90c1ff6c9893 100644
--- a/_layouts/presentation_production.html
+++ b/_layouts/presentation_production.html
@@ -45,7 +45,7 @@
     <script type="text/javascript" src="{{'assets/js/mathjax-sre.js' | relative_url}}"></script>
     <script type="text/javascript" src="{{'assets/js/html2canvas.min.js' | relative_url}}"></script>
     <script type="text/javascript" src="{{'assets/js/presentation-export.js' | relative_url}}"></script>
-    <script type="text/javascript" src="{{'assets/js/mermaid.8.8.2.js' | relative_url}}"></script>
+    <script type="text/javascript" src="{{site.mermaid}}"></script>
 
     <script type="text/javascript">
       var slideshow = remark.create({