diff --git a/blog/post/models.py b/blog/post/models.py
index 3b9a1b7..d841662 100644
--- a/blog/post/models.py
+++ b/blog/post/models.py
@@ -16,6 +16,9 @@
     from blog.user.models import User
 
 
+MARKDOWN_EXTENSIONS = ["markdown.extensions.fenced_code"]
+
+
 class Post(db.Model):
     """orm model for blog post."""
 
@@ -42,7 +45,7 @@ class Post(db.Model):
 
     @property
     def markdown(self):
-        return markdown.markdown(self.content)
+        return markdown.markdown(self.content, extensions=MARKDOWN_EXTENSIONS)
 
     def __str__(self):
         return f"{self.pagetitle}"
diff --git a/blog/templates/layout.html b/blog/templates/layout.html
index 1a022d6..ec383c3 100644
--- a/blog/templates/layout.html
+++ b/blog/templates/layout.html
@@ -12,7 +12,6 @@
     <link rel="stylesheet" href="/static/src/global/vars.css">
     <link rel="stylesheet" href="/static/src/global/reboot.css">
     <link rel="stylesheet" href="/static/src/global/global.css">
-
     <link rel="stylesheet" href="/static/src/components/header.css">
     <link rel="stylesheet" href="/static/src/components/minipost.css">
     <link rel="stylesheet" href="/static/src/components/postGroup.css">
diff --git a/blog/templates/post.html b/blog/templates/post.html
index 98a6399..55591df 100644
--- a/blog/templates/post.html
+++ b/blog/templates/post.html
@@ -1,7 +1,11 @@
 {% extends "layout.html" %}
 
 {% block styles %}
- <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/default.min.css">
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/github-dark.min.css">
+
+<!-- and it's easy to individually load additional languages -->
+<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/languages/go.min.js"></script> -->
+
 {% endblock %}
 
 {% block content %}
@@ -30,7 +34,6 @@ <h1 class="post__title">{{post.pagetitle}}</h1>
 {% endblock %}
 
 {% block scripts %}
-    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
-    <script>
-        hljs.initHighlightingOnLoad(); </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
+    <script>hljs.highlightAll();</script>
 {% endblock %}