Add syntax highlight plugin
diff --git a/.eleventy.js b/.eleventy.js
index d31afc8..102a06a 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -30,6 +30,9 @@
const pluginTOC = require('eleventy-plugin-toc');
eleventyConfig.addPlugin(pluginTOC, { tags: ['h2', 'h3'] });
+ const pluginSyntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
+ eleventyConfig.addPlugin(pluginSyntaxHighlight);
+
return {
dir: {
input: 'src',
diff --git a/src/_layouts/default.hbs b/src/_layouts/default.hbs
index 8fff6dd..0ce12fe 100644
--- a/src/_layouts/default.hbs
+++ b/src/_layouts/default.hbs
@@ -34,10 +34,15 @@
{{/extra_head_stuff}}
<link rel="stylesheet" href="//semantic-ui.com/dist/semantic.min.css" />
+ <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/prism-themes/themes/prism-vs.css" />
<style>
html {
font-size: 17px;
}
+
+ p, pre[class*="language-"] {
+ margin: .8em 0 1.25em;
+ }
</style>
</head>
