diff --git a/source/_partials/footer-scripts.html.twig b/source/_partials/footer-scripts.html.twig
index 775e0ac07..9effde157 100644
--- a/source/_partials/footer-scripts.html.twig
+++ b/source/_partials/footer-scripts.html.twig
@@ -1,5 +1,7 @@
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 <script src="{{ site.url }}/{{ theme_path('assets/js/bootstrap.min.js') }}"></script>
+<script src="{{ site.url }}/components/highlightjs/highlight.pack.js"></script>
+<script>hljs.initHighlightingOnLoad();</script>
 
 {% block scripts %}{% endblock %}
 
diff --git a/source/_partials/head.html.twig b/source/_partials/head.html.twig
index 8f43a0dc1..5038823d9 100644
--- a/source/_partials/head.html.twig
+++ b/source/_partials/head.html.twig
@@ -12,7 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="author" href="{{ site.url }}/humans.txt" />
     <link rel="stylesheet" href="{{ site.url }}/assets/css/styles.css">
-
+    <link rel="stylesheet" href="{{ site.url }}/components/highlightjs/styles/zenburn.css">
     {% for size in site.apple_touch_icon_sizes %}
         <link rel="apple-touch-icon" href="{{ site.gravatar.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
     {% endfor %}