124 lines
4.0 KiB
JavaScript
124 lines
4.0 KiB
JavaScript
import markdownItAnchor from "markdown-it-anchor";
|
|
|
|
import { InputPathToUrlTransformPlugin, HtmlBasePlugin } from "@11ty/eleventy";
|
|
import pluginRss from "@11ty/eleventy-plugin-rss";
|
|
import pluginSyntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
|
|
import pluginNavigation from "@11ty/eleventy-navigation";
|
|
import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
|
|
|
|
import pluginFilters from "./_config/filters.js";
|
|
|
|
/** @param {import("@11ty/eleventy").UserConfig} eleventyConfig */
|
|
export default async function(eleventyConfig) {
|
|
// Copy the contents of the `public` folder to the output folder
|
|
// For example, `./public/css/` ends up in `_site/css/`
|
|
eleventyConfig
|
|
.addPassthroughCopy({
|
|
"./public/": "/",
|
|
"./node_modules/prismjs/themes/prism-okaidia.css": "/css/prism-okaidia.css"
|
|
})
|
|
.addPassthroughCopy("./content/feed/pretty-atom-feed.xsl");
|
|
|
|
// Run Eleventy when these files change:
|
|
// https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets
|
|
|
|
// Watch content images for the image pipeline.
|
|
eleventyConfig.addWatchTarget("content/**/*.{svg,webp,png,jpeg}");
|
|
|
|
// Per-page bundles, see https://github.com/11ty/eleventy-plugin-bundle
|
|
// Adds the {% css %} paired shortcode
|
|
eleventyConfig.addBundle("css");
|
|
// Do you want a {% js %} bundle shortcode too?
|
|
// eleventyConfig.addBundle("js");
|
|
|
|
// Official plugins
|
|
eleventyConfig.addPlugin(pluginRss);
|
|
eleventyConfig.addPlugin(pluginSyntaxHighlight, {
|
|
preAttributes: { tabindex: 0 }
|
|
});
|
|
eleventyConfig.addPlugin(pluginNavigation);
|
|
eleventyConfig.addPlugin(HtmlBasePlugin);
|
|
eleventyConfig.addPlugin(InputPathToUrlTransformPlugin);
|
|
|
|
// Image optimization: https://www.11ty.dev/docs/plugins/image/#eleventy-transform
|
|
eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
|
|
// File extensions to process in _site folder
|
|
extensions: "html",
|
|
// Output formats for each image.
|
|
formats: ["avif", "webp", "auto"],
|
|
// widths: ["auto"],
|
|
defaultAttributes: {
|
|
// e.g. <img loading decoding> assigned on the HTML tag will override these values.
|
|
loading: "lazy",
|
|
decoding: "async",
|
|
}
|
|
});
|
|
|
|
// Filters
|
|
eleventyConfig.addPlugin(pluginFilters);
|
|
|
|
// Customize Markdown library settings:
|
|
eleventyConfig.amendLibrary("md", mdLib => {
|
|
mdLib.use(markdownItAnchor, {
|
|
permalink: markdownItAnchor.permalink.ariaHidden({
|
|
placement: "after",
|
|
class: "header-anchor",
|
|
symbol: "#",
|
|
ariaHidden: false,
|
|
}),
|
|
level: [1,2,3,4],
|
|
slugify: eleventyConfig.getFilter("slugify")
|
|
});
|
|
});
|
|
|
|
eleventyConfig.addShortcode("currentBuildDate", () => {
|
|
return (new Date()).toISOString();
|
|
});
|
|
|
|
// Features to make your build faster (when you need them)
|
|
|
|
// If your passthrough copy gets heavy and cumbersome, add this line
|
|
// to emulate the file copy on the dev server. Learn more:
|
|
// https://www.11ty.dev/docs/copy/#emulate-passthrough-copy-during-serve
|
|
|
|
// eleventyConfig.setServerPassthroughCopyBehavior("passthrough");
|
|
};
|
|
|
|
export const config = {
|
|
// Control which files Eleventy will process
|
|
// e.g.: *.md, *.njk, *.html, *.liquid
|
|
templateFormats: [
|
|
"md",
|
|
"njk",
|
|
"html",
|
|
"liquid",
|
|
],
|
|
|
|
// Pre-process *.md files with: (default: `liquid`)
|
|
markdownTemplateEngine: "njk",
|
|
|
|
// Pre-process *.html files with: (default: `liquid`)
|
|
htmlTemplateEngine: "njk",
|
|
|
|
// These are all optional:
|
|
dir: {
|
|
input: "content", // default: "."
|
|
includes: "../_includes", // default: "_includes" (`input` relative)
|
|
data: "../_data", // default: "_data" (`input` relative)
|
|
output: "_site"
|
|
},
|
|
|
|
// -----------------------------------------------------------------
|
|
// Optional items:
|
|
// -----------------------------------------------------------------
|
|
|
|
// If your site deploys to a subdirectory, change `pathPrefix`.
|
|
// Read more: https://www.11ty.dev/docs/config/#deploy-to-a-subdirectory-with-a-path-prefix
|
|
|
|
// When paired with the HTML <base> plugin https://www.11ty.dev/docs/plugins/html-base/
|
|
// it will transform any absolute URLs in your HTML to include this
|
|
// folder name and does **not** affect where things go in the output folder.
|
|
|
|
// pathPrefix: "/",
|
|
};
|