syntax highlighting
This commit is contained in:
parent
ccf20da6c1
commit
b5c8a022fc
|
|
@ -8,63 +8,64 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||||
<head>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||||
<link href="https://unpkg.com/prism-themes@1.9.0/themes/prism-nord.css" rel="stylesheet" />
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="language" content="English" />
|
||||
<meta name="google-site-verification" content="x17arJy33V33DYnmMYybZciXngFd8R8xn1UZRdp7qxo" />
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="language" content="English" />
|
||||
<meta name="google-site-verification" content="x17arJy33V33DYnmMYybZciXngFd8R8xn1UZRdp7qxo" />
|
||||
|
||||
<link rel="canonical" href="{{site.url}}{{page.url | url}}" />
|
||||
<link rel="canonical" href="{{site.url}}{{page.url | url}}" />
|
||||
|
||||
{%if tags.includes("blogpost")%}
|
||||
<meta property="og:type" content="article" />
|
||||
{%if description %}
|
||||
<meta property="description" content="{{description}}" />
|
||||
<meta property="og:description" content="{{description}}" />
|
||||
{% endif %}
|
||||
<meta property="og:title" content="{{title}}" />
|
||||
<meta property="og:url" content="{{site.url}}{{page.url | url}}" />
|
||||
<meta property="og:sitename" content="{{site.title}}" />
|
||||
<meta property="og:image" content="{{site.url}}/img/RB-w.png" />
|
||||
{%endif%}
|
||||
{%if tags.includes("blogpost")%}
|
||||
<meta property="og:type" content="article" />
|
||||
{%if description %}
|
||||
<meta property="description" content="{{description}}" />
|
||||
<meta property="og:description" content="{{description}}" />
|
||||
{% endif %}
|
||||
<meta property="og:title" content="{{title}}" />
|
||||
<meta property="og:url" content="{{site.url}}{{page.url | url}}" />
|
||||
<meta property="og:sitename" content="{{site.title}}" />
|
||||
<meta property="og:image" content="{{site.url}}/img/RB-w.png" />
|
||||
{%endif%}
|
||||
|
||||
<title>{% if title %}{{title}} | {% endif %}{{site.title}}</title>
|
||||
</head>
|
||||
<title>{% if title %}{{title}} | {% endif %}{{site.title}}</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="nav">
|
||||
<a class="d-inline-block main-logo" href="/">
|
||||
<img src="/img/RB-w.png" alt="RB logo" eleventy:widths="100" />
|
||||
Rik Berkelder
|
||||
</a>
|
||||
<div class="nav-links">
|
||||
<div class="d-inline-block">
|
||||
{{navItem("Home", "/")}}
|
||||
{{navItem("Blog", "/blog", false)}}
|
||||
</div>
|
||||
<div class="d-inline-block">
|
||||
<span> | </span>
|
||||
{{navItem("Mastodon", "https://dook.business/@RikSolo")}}
|
||||
{{navItem("Instagram", "https://instagram.com/RikBerkelder", false)}}
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="nav">
|
||||
<a class="d-inline-block main-logo" href="/">
|
||||
<img src="/img/RB-w.png" alt="RB logo" eleventy:widths="100" />
|
||||
Rik Berkelder
|
||||
</a>
|
||||
<div class="nav-links">
|
||||
<div class="d-inline-block">
|
||||
{{navItem("Home", "/")}}
|
||||
{{navItem("Blog", "/blog", false)}}
|
||||
</div>
|
||||
<div class="d-inline-block">
|
||||
<span> | </span>
|
||||
{{navItem("Mastodon", "https://dook.business/@RikSolo")}}
|
||||
{{navItem("Instagram", "https://instagram.com/RikBerkelder", false)}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{{content | safe}}
|
||||
|
||||
</div>
|
||||
{{content | safe}}
|
||||
|
||||
</div>
|
||||
<script src="//instant.page/5.2.0" type="module"
|
||||
integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
|
||||
<script data-goatcounter="https://goatcounter.riksolo.com/count" async
|
||||
src="//goatcounter.riksolo.com/count.js"></script>
|
||||
</body>
|
||||
<script src="//instant.page/5.2.0" type="module"
|
||||
integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
|
||||
<script data-goatcounter="https://goatcounter.riksolo.com/count" async
|
||||
src="//goatcounter.riksolo.com/count.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -14,11 +14,13 @@ $text-default: $white-light;
|
|||
$primary: $blue;
|
||||
$secondary: $blue-med;
|
||||
|
||||
$default-font-family: 'Inconsolata', serif;
|
||||
$default-font-weight: 400;
|
||||
|
||||
body {
|
||||
color: $text-default;
|
||||
background-color: $grey-vdark;
|
||||
font-family: 'Inconsolata',
|
||||
monospace;
|
||||
font-family: $default-font-family;
|
||||
line-height: 1.3rem;
|
||||
|
||||
|
||||
|
|
@ -97,6 +99,21 @@ body {
|
|||
margin: 0rem 1rem;
|
||||
}
|
||||
|
||||
pre[class*="language-"],
|
||||
code[class*="language-"] {
|
||||
font-family: $default-font-family !important;
|
||||
font-weight: $default-font-weight;
|
||||
tab-size: 2;
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
|
||||
pre[class*="language-"] {
|
||||
max-width: 100%;
|
||||
background: $grey-dark !important;
|
||||
border-radius: 0;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import * as sass from "sass";
|
||||
import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
|
||||
import { DateTime } from "luxon";
|
||||
import markdownit from "markdown-it";
|
||||
import syntaxHighlight from '@11ty/eleventy-plugin-syntaxhighlight';
|
||||
|
||||
export default async function (eleventyConfig) {
|
||||
// Filters
|
||||
|
|
@ -37,6 +39,18 @@ export default async function (eleventyConfig) {
|
|||
`;
|
||||
});
|
||||
|
||||
//Markdown
|
||||
const md = markdownit({
|
||||
html: true,
|
||||
breaks: true
|
||||
});
|
||||
|
||||
eleventyConfig.setLibrary("md", md);
|
||||
|
||||
// Syntax Highlighting
|
||||
eleventyConfig.addPlugin(syntaxHighlight);
|
||||
|
||||
//File passthrough
|
||||
eleventyConfig.addPassthroughCopy("content/robots.txt");
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
"dependencies": {
|
||||
"@11ty/eleventy": "^3.0.0",
|
||||
"@11ty/eleventy-img": "^6.0.1",
|
||||
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
|
||||
"luxon": "^3.5.0",
|
||||
"sass": "^1.83.4"
|
||||
}
|
||||
|
|
@ -221,6 +222,19 @@
|
|||
"url": "https://opencollective.com/11ty"
|
||||
}
|
||||
},
|
||||
"node_modules/@11ty/eleventy-plugin-syntaxhighlight": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-syntaxhighlight/-/eleventy-plugin-syntaxhighlight-5.0.0.tgz",
|
||||
"integrity": "sha512-y9BUmP1GofmbJgxM1+ky/UpFCpD8JSOeLeKItUs0WApgnrHk9haHziW7lS86lbArX5SiCVo4zTTw9x53gvRCaA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"prismjs": "^1.29.0"
|
||||
},
|
||||
"funding": {
|
||||
"type": "opencollective",
|
||||
"url": "https://opencollective.com/11ty"
|
||||
}
|
||||
},
|
||||
"node_modules/@11ty/eleventy-utils": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-1.0.3.tgz",
|
||||
|
|
@ -2668,6 +2682,15 @@
|
|||
"node": ">=12"
|
||||
}
|
||||
},
|
||||
"node_modules/prismjs": {
|
||||
"version": "1.29.0",
|
||||
"resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
|
||||
"integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/promise": {
|
||||
"version": "7.3.1",
|
||||
"resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
|
||||
|
|
|
|||
|
|
@ -15,7 +15,8 @@
|
|||
"dependencies": {
|
||||
"@11ty/eleventy": "^3.0.0",
|
||||
"@11ty/eleventy-img": "^6.0.1",
|
||||
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
|
||||
"luxon": "^3.5.0",
|
||||
"sass": "^1.83.4"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue