xmitter-11ty/eleventy.config.js

167 lines
4.9 KiB
JavaScript
Raw Normal View History

import { IdAttributePlugin, InputPathToUrlTransformPlugin, HtmlBasePlugin } from "@11ty/eleventy";
import { feedPlugin } from "@11ty/eleventy-plugin-rss";
2023-11-10 17:41:13 -05:00
import pluginSyntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
import pluginNavigation from "@11ty/eleventy-navigation";
import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
2023-11-10 17:41:13 -05:00
2024-04-25 12:43:34 -04:00
import pluginFilters from "./_config/filters.js";
2023-11-10 17:41:13 -05:00
/** @param {import("@11ty/eleventy").UserConfig} eleventyConfig */
export default async function(eleventyConfig) {
// Drafts, see also _data/eleventyDataSchema.js
eleventyConfig.addPreprocessor("drafts", "*", (data, content) => {
if(data.draft && process.env.ELEVENTY_RUN_MODE === "build") {
return false;
}
});
2024-09-27 17:31:53 -04:00
eleventyConfig.addUrlTransform((page) => {
2024-09-27 17:33:37 -04:00
if (page.outputPath?.endsWith(".html") && url.endsWith("/")) {
2024-09-27 17:32:47 -04:00
return page.url.slice(0, -1);
2024-09-27 17:31:53 -04:00
}
});
2024-09-27 17:32:47 -04:00
// eleventyConfig.addUrlTransform((page) => {
// if (page.url.endsWith(".html")) {
// return page.url.slice(0, -1 * ".html".length);
// }
// });
2024-09-27 17:31:53 -04:00
// eleventyConfig.addGlobalData("permalink", () => {
// return (data) =>
// `${data.page.filePathStem}.${data.page.outputFileExtension}`;
// });
2023-01-23 12:37:44 -05:00
// Copy the contents of the `public` folder to the output folder
// For example, `./public/css/` ends up in `_site/css/`
2024-04-25 12:43:34 -04:00
eleventyConfig
.addPassthroughCopy({
"./public/": "/"
2024-04-25 12:43:34 -04:00
})
.addPassthroughCopy("./content/feed/pretty-atom-feed.xsl");
2023-01-23 15:39:36 -05:00
// Run Eleventy when these files change:
// https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets
2023-01-24 09:10:42 -05:00
// 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", {
toFileDirectory: "dist",
});
// Adds the {% js %} paired shortcode
eleventyConfig.addBundle("js", {
toFileDirectory: "dist",
});
2023-01-24 09:08:52 -05:00
// Official plugins
2024-06-12 11:41:34 -04:00
eleventyConfig.addPlugin(pluginSyntaxHighlight, {
preAttributes: { tabindex: 0 }
});
eleventyConfig.addPlugin(pluginNavigation);
eleventyConfig.addPlugin(HtmlBasePlugin);
eleventyConfig.addPlugin(InputPathToUrlTransformPlugin);
// Atom Feed
eleventyConfig.addPlugin(feedPlugin, {
2024-06-09 08:43:29 -04:00
outputPath: "/feed/feed.xml",
stylesheet: "pretty-atom-feed.xsl",
templateData: {
2024-06-09 08:43:29 -04:00
eleventyNavigation: {
key: "Feed",
order: 3
}
},
2024-06-09 08:43:29 -04:00
collection: {
name: "posts",
limit: 10,
},
metadata: {
language: "en",
title: "Blog Title",
subtitle: "This is a longer description about your blog.",
base: "https://example.com/",
author: {
2024-06-12 11:41:34 -04:00
name: "Your Name"
}
}
});
// 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",
}
});
2023-01-23 13:15:30 -05:00
// Filters
2024-04-25 12:43:34 -04:00
eleventyConfig.addPlugin(pluginFilters);
2023-01-23 12:37:44 -05:00
eleventyConfig.addPlugin(IdAttributePlugin, {
// by default we use Eleventys built-in `slugify` filter:
// slugify: eleventyConfig.getFilter("slugify"),
2024-08-09 17:38:07 -04:00
// selector: "h1,h2,h3,h4,h5,h6", // default
2023-01-23 12:37:44 -05:00
});
2024-03-07 09:09:42 -05:00
eleventyConfig.addShortcode("currentBuildDate", () => {
return (new Date()).toISOString();
});
2024-03-07 09:09:42 -05:00
2023-01-23 15:39:36 -05:00
// Features to make your build faster (when you need them)
2023-01-23 13:34:39 -05:00
// 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");
2024-04-25 12:43:34 -04:00
};
2023-01-23 13:34:39 -05:00
2024-04-25 12:43:34 -04:00
export const config = {
// Control which files Eleventy will process
// e.g.: *.md, *.njk, *.html, *.liquid
templateFormats: [
"md",
"njk",
"html",
"liquid",
"11ty.js",
2024-04-25 12:43:34 -04:00
],
// 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: "/",
};