-
Notifications
You must be signed in to change notification settings - Fork 13
/
.eleventy.js
110 lines (97 loc) · 2.93 KB
/
.eleventy.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
const fs = require("fs");
const htmlmin = require("html-minifier");
const Image = require("@11ty/eleventy-img");
const markdownIt = require("markdown-it");
const markdownItAttrs = require('markdown-it-attrs');
const markdownItEmoji = require("markdown-it-emoji");
const pluginRss = require("@11ty/eleventy-plugin-rss");
const faviconPlugin = require("eleventy-favicon");
const { EleventyRenderPlugin } = require("@11ty/eleventy");
const removeTrailingSlash = (url) => {
if (typeof url !== 'string') {
throw new Error(`${removeTrailingSlash.name}: expected argument of type string but instead got ${url} (${typeof url})`);
}
return url.replace(/\/$/, '');
}
async function imageShortcode(src, cls, alt, sizes) {
let metadata = await Image(src, {
widths: [600, 900, 1500],
formats: ["webp"],
outputDir: "./public/img/"
});
let imageAttributes = {
class: cls,
alt,
sizes,
loading: "lazy",
decoding: "async",
};
return Image.generateHTML(metadata, imageAttributes);
}
module.exports = function (eleventyConfig) {
eleventyConfig.addPlugin(pluginRss);
eleventyConfig.addPlugin(faviconPlugin, { destination: './public' });
eleventyConfig.addPlugin(EleventyRenderPlugin);
eleventyConfig.addFilter('removeTrailingSlash', removeTrailingSlash);
eleventyConfig.addWatchTarget('./src/_includes/css/');
eleventyConfig.setLibrary(
'md',
markdownIt({
html: true,
breaks: true,
linkify: true
}).use(markdownItAttrs).use(markdownItEmoji)
)
eleventyConfig.addNunjucksAsyncShortcode("image", imageShortcode);
eleventyConfig.addLiquidShortcode("image", imageShortcode);
eleventyConfig.addPassthroughCopy({ './src/static/': '/' });
eleventyConfig.addPassthroughCopy({
'./node_modules/alpinejs/dist/cdn.min.js': '/js/alpine.js',
})
eleventyConfig.setBrowserSyncConfig({
middleware: [
function (req, res, next) {
if (/^[^.]+$/.test(req.url)) {
res.setHeader('Content-Type', 'text/html; charset=utf-8');
}
next();
}
],
callbacks: {
ready: function (err, bs) {
bs.addMiddleware("*", (req, res) => {
const content_404 = fs.readFileSync('public/404.html');
res.writeHead(404, { "Content-Type": "text/html; charset=UTF-8" });
res.write(content_404);
res.end();
});
}
}
});
eleventyConfig.addTransform("htmlmin", function (content, outputPath) {
if (outputPath && outputPath.endsWith(".html")) {
let minified = htmlmin.minify(content, {
useShortDoctype: true,
removeComments: true,
collapseWhitespace: true
});
return minified;
}
return content;
});
return {
dir: {
input: 'src',
output: 'public',
data: './_data',
includes: './_includes',
layouts: './_layouts'
},
templateFormats: [
'md',
'njk',
'11ty.js'
],
htmlTemplateEngine: 'njk'
};
};