-
Notifications
You must be signed in to change notification settings - Fork 0
/
.eleventy.js
98 lines (78 loc) · 2.72 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
const socialImages = require("@11tyrocks/eleventy-plugin-social-images");
const emojiRegex = require("emoji-regex");
const slugify = require("slugify");
const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
const pluginRss = require("@11ty/eleventy-plugin-rss");
const image = require("@11ty/eleventy-img");
const packageVersion = require("./package.json").version;
const dateFilter = require('./src/_11ty/filters/date-filter.js');
const markdownFilter = require('./src/_11ty/filters/markdown-filter.js');
const yearFilter = require('./src/_11ty/filters/year-filter.js');
const w3DateFilter = require('./src/_11ty/filters/w3-date-filter.js');
const { configFunction } = require("@11ty/eleventy-plugin-syntaxhighlight");
const site = require('./src/_data/site.json');
async function imageShortcode(src, alt, sizes) {
let metadata = await image(src, {
widths: [320, 640, 960, 1280, 1680],
formats: ['webp', 'jpeg'],
outputDir: './public/img'
});
let imageAttributes = {
alt,
sizes,
loading: 'lazy',
decoding: 'async',
};
return image.generateHTML(metadata, imageAttributes);
}
module.exports = function (eleventyConfig) {
eleventyConfig.addPlugin(socialImages);
eleventyConfig.addPlugin(syntaxHighlight);
eleventyConfig.addPlugin(pluginRss);
eleventyConfig.addWatchTarget("./src/css/");
eleventyConfig.addPassthroughCopy("./src/fonts");
eleventyConfig.addPassthroughCopy("./src/img");
eleventyConfig.addPassthroughCopy("./src/favicon.png");
eleventyConfig.addShortcode("packageVersion", () => `v${packageVersion}`);
eleventyConfig.addFilter('dateFilter', dateFilter);
eleventyConfig.addFilter('markdownFilter', markdownFilter);
eleventyConfig.addFilter('yearFilter', yearFilter);
eleventyConfig.addFilter('w3DateFilter', w3DateFilter);
eleventyConfig.addFilter("slug", (str) => {
if (!str) {
return;
}
const regex = emojiRegex();
// Remove Emoji first
let string = str.replace(regex, "");
return slugify(string, {
lower: true,
replacement: "-",
remove: /[*+~·,()'"`´%!?¿:@\/]/g,
});
});
const now = new Date();
// Custom collections
const livePosts = (post) => post.date <= now && !post.data.draft;
eleventyConfig.addCollection('posts', (collection) => {
return [
...collection.getFilteredByGlob('./src/posts/**/*.md')
.filter(livePosts)
].reverse();
})
eleventyConfig.addCollection('postFeed', (collection) => {
return [
...collection.getFilteredByGlob('./src/posts/**/*.md')
.filter(livePosts)
].reverse()
.slice(0, site.maxPostsPerPage);
})
eleventyConfig.addNunjucksAsyncShortcode('image', imageShortcode);
return {
passthroughFileCopy: true,
dir: {
input: "src",
output: "public",
},
};
};