137 lines
4.7 KiB
JavaScript
137 lines
4.7 KiB
JavaScript
/**
|
|
* I strive to keep the `.eleventy.js` file clean and uncluttered. Most adjustments must be made in:
|
|
* - `src/config/collections.js`
|
|
* - `src/config/filters.js`
|
|
* - `src/config/plugins.js`
|
|
* - `src/config/shortcodes.js`
|
|
* - `src/config/transforms.js`
|
|
* Based on https://github.com/AleksandrHovhannisyan.
|
|
*/
|
|
|
|
// module import filters
|
|
const {
|
|
limit,
|
|
toHtml,
|
|
where,
|
|
toISOString,
|
|
formatDate,
|
|
toAbsoluteUrl,
|
|
stripHtml,
|
|
minifyCss,
|
|
mdInline
|
|
} = require('./config/filters/index.js');
|
|
|
|
// module import shortcodes
|
|
const {imageShortcodePlaceholder, liteYoutube} = require('./config/shortcodes/index.js');
|
|
|
|
// module import collections
|
|
const {getAllPosts} = require('./config/collections/index.js');
|
|
|
|
// module import transforms
|
|
|
|
// plugins
|
|
const markdownLib = require('./config/plugins/markdown.js');
|
|
const {EleventyRenderPlugin} = require('@11ty/eleventy');
|
|
const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight');
|
|
const {slugifyString} = require('./config/utils');
|
|
const {escape} = require('lodash');
|
|
const pluginRss = require('@11ty/eleventy-plugin-rss');
|
|
|
|
module.exports = eleventyConfig => {
|
|
// Tell 11ty to use the .eleventyignore and ignore our .gitignore file
|
|
eleventyConfig.setUseGitIgnore(false);
|
|
|
|
// --------------------- Custom Watch Targets -----------------------
|
|
eleventyConfig.addWatchTarget('./src/assets');
|
|
eleventyConfig.addWatchTarget('./utils/*.js');
|
|
|
|
// --------------------- layout aliases -----------------------
|
|
eleventyConfig.addLayoutAlias('base', 'base.njk');
|
|
eleventyConfig.addLayoutAlias('page', 'page.njk');
|
|
eleventyConfig.addLayoutAlias('home', 'home.njk');
|
|
eleventyConfig.addLayoutAlias('blog', 'blog.njk');
|
|
eleventyConfig.addLayoutAlias('post', 'post.njk');
|
|
|
|
// --------------------- Custom filters -----------------------
|
|
eleventyConfig.addFilter('limit', limit);
|
|
eleventyConfig.addFilter('where', where);
|
|
eleventyConfig.addFilter('escape', escape);
|
|
eleventyConfig.addFilter('toHtml', toHtml);
|
|
eleventyConfig.addFilter('toIsoString', toISOString);
|
|
eleventyConfig.addFilter('formatDate', formatDate);
|
|
eleventyConfig.addFilter('toAbsoluteUrl', toAbsoluteUrl);
|
|
eleventyConfig.addFilter('stripHtml', stripHtml);
|
|
eleventyConfig.addFilter('slugify', slugifyString);
|
|
eleventyConfig.addFilter('toJson', JSON.stringify);
|
|
eleventyConfig.addFilter('fromJson', JSON.parse);
|
|
eleventyConfig.addFilter('cssmin', minifyCss);
|
|
eleventyConfig.addFilter('md', mdInline);
|
|
eleventyConfig.addFilter('keys', Object.keys);
|
|
eleventyConfig.addFilter('values', Object.values);
|
|
eleventyConfig.addFilter('entries', Object.entries);
|
|
|
|
// --------------------- Custom shortcodes ---------------------
|
|
eleventyConfig.addNunjucksAsyncShortcode('imagePlaceholder', imageShortcodePlaceholder);
|
|
eleventyConfig.addShortcode('youtube', liteYoutube);
|
|
eleventyConfig.addShortcode('year', () => `${new Date().getFullYear()}`); // current year, stephanie eckles
|
|
|
|
// --------------------- Custom transforms ---------------------
|
|
|
|
// --------------------- Custom collections -----------------------
|
|
eleventyConfig.addCollection('posts', getAllPosts);
|
|
|
|
// --------------------- Plugins ---------------------
|
|
eleventyConfig.addPlugin(EleventyRenderPlugin);
|
|
eleventyConfig.addPlugin(syntaxHighlight);
|
|
eleventyConfig.setLibrary('md', markdownLib);
|
|
eleventyConfig.addPlugin(pluginRss);
|
|
|
|
// --------------------- Passthrough File Copy -----------------------
|
|
|
|
// same path
|
|
|
|
['src/assets/fonts/', 'src/assets/images/'].forEach(path =>
|
|
eleventyConfig.addPassthroughCopy(path)
|
|
);
|
|
|
|
// social images to root
|
|
|
|
eleventyConfig.addPassthroughCopy({
|
|
'src/assets/images/favicon/favicon.ico': 'favicon.ico'
|
|
});
|
|
eleventyConfig.addPassthroughCopy({
|
|
'src/assets/images/favicon/favicon.svg': 'favicon.svg'
|
|
});
|
|
eleventyConfig.addPassthroughCopy({
|
|
'src/assets/images/favicon/apple-touch-icon.png': 'apple-touch-icon.png'
|
|
});
|
|
eleventyConfig.addPassthroughCopy({
|
|
'src/assets/images/favicon/favicon-32x32.png': 'favicon-32x32.png'
|
|
});
|
|
eleventyConfig.addPassthroughCopy({
|
|
'src/assets/images/favicon/favicon-16x16.png': 'favicon-16x16.png'
|
|
});
|
|
eleventyConfig.addPassthroughCopy({
|
|
'src/assets/images/favicon/android-chrome-192x192.png': 'android-chrome-192x192.png'
|
|
});
|
|
eleventyConfig.addPassthroughCopy({
|
|
'src/assets/images/favicon/android-chrome-512x512.png': 'android-chrome-512x512.png'
|
|
});
|
|
eleventyConfig.addPassthroughCopy({
|
|
'src/assets/images/favicon/maskable.png': 'maskable.png'
|
|
});
|
|
|
|
// --------------------- Config -----------------------
|
|
|
|
return {
|
|
dir: {
|
|
input: 'src',
|
|
output: 'dist',
|
|
includes: '_includes',
|
|
layouts: '_layouts'
|
|
},
|
|
markdownTemplateEngine: 'njk',
|
|
dataTemplateEngine: 'njk',
|
|
htmlTemplateEngine: 'njk'
|
|
};
|
|
};
|