generated from inherentlee/11ty
92 lines
2.3 KiB
JavaScript
92 lines
2.3 KiB
JavaScript
import { attrs } from "@mdit/plugin-attrs";
|
|
import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
|
|
import eleventyNavigationPlugin from "@11ty/eleventy-navigation";
|
|
import { markdownitLinkAttributes } from 'markdown-it-link-attributes';
|
|
import path from "node:path";
|
|
|
|
import pluginFilters from "./_config/filters.js";
|
|
|
|
export default async function (eleventyConfig) {
|
|
/* Markdown HTML attribute parsing */
|
|
eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(attrs));
|
|
|
|
/* Markdown apply target="_blank" to all external links */
|
|
const milaOptions = {
|
|
matcher(href) {
|
|
return href.match(/^https?:\/\//);
|
|
},
|
|
attrs: {
|
|
target: "_blank",
|
|
rel: "external",
|
|
},
|
|
};
|
|
eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(markdownitLinkAttributes, milaOptions));
|
|
|
|
/* Bundles */
|
|
/* CSS */
|
|
eleventyConfig.addBundle("css", {
|
|
toFileDirectory: "dist",
|
|
bundleHtmlContentFromSelector: "style",
|
|
});
|
|
|
|
/* Javascript */
|
|
eleventyConfig.addBundle("js", {
|
|
toFileDirectory: "dist",
|
|
bundleHtmlContentFromSelector: "script",
|
|
});
|
|
|
|
/* Passthroughs */
|
|
eleventyConfig.addPassthroughCopy("./favicon.ico");
|
|
|
|
/* Images */
|
|
eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
|
|
// output image formats
|
|
formats: ["auto"],
|
|
|
|
// output image widths
|
|
widths: ["auto"],
|
|
|
|
// optional, attributes assigned on <img> nodes override these values
|
|
htmlOptions: {
|
|
imgAttributes: {
|
|
loading: "lazy",
|
|
decoding: "async",
|
|
},
|
|
},
|
|
filenameFormat: function (hash, src, width, format, options) {
|
|
// If you're building multiple widths
|
|
// const extension = path.extname(src);
|
|
// const name = path.basename(src, extension);
|
|
// return `${name}-${width}.${extension}`;
|
|
|
|
return path.basename(src);
|
|
},
|
|
});
|
|
|
|
eleventyConfig.addPlugin(eleventyNavigationPlugin);
|
|
|
|
/* All filters from _config/filters.js */
|
|
eleventyConfig.addPlugin(pluginFilters);
|
|
|
|
/* Shortcodes */
|
|
eleventyConfig.addShortcode("currentBuildDate", () => {
|
|
return new Date().toISOString();
|
|
});
|
|
|
|
/* Watch when serving */
|
|
eleventyConfig.addWatchTarget("css");
|
|
eleventyConfig.addWatchTarget("js");
|
|
}
|
|
|
|
export const config = {
|
|
dir: {
|
|
input: "src",
|
|
includes: "../_includes",
|
|
layouts: "../_includes/layouts",
|
|
data: "../_data",
|
|
},
|
|
markdownTemplateEngine: "njk",
|
|
htmlTemplateEngine: "njk",
|
|
templateFormats: ["html", "md", "njk"],
|
|
};
|
