Built on Eleventy, via Lene Saile's eleventy-excellent template, an "Eleventy starter based on the workflow suggested by Andy Bell's buildexcellentwebsit.es."
I made substantial changes from the template to customize my site, but the foundation was Lene's excellent work. See my blog post on ricmac.org for a full explanation.
You can see the output of this project at Cybercultural.com.
Lene's documentation follows...
Easy to use Eleventy starter, based on the workflow suggested by Andy Bell's buildexcellentwebsit.es.
If you end up using this starter, feel free to send me a link, I'd love to see it!
https://eleventy-excellent.netlify.app/
This starter includes:
- The whole CSS workflow as suggested by buildexcellentwebsit.es
- Accessible site navigation, editable in
src/_data/navigation.js - Image optimization with Eleventy-img (see blog post)
- Youtube embed with lite-youtube (see blog post)
- Easy resource fetching with eleventy-fetch (see blog post)
- Syntax highlighting via eleventy-plugin-syntaxhighlight (see blog post)
- Advanced markdown handling (see blog post)
- 301 redirects for Netlify (see blog post)
- Automatically generated Open Graph images for blog posts (see blog post)
- More features in seperate demo branches (see blog post)
- How Tailwind CSS is used here (see blog post)
- SEO basics (XML-sitemap, metadata)
- dayjs handling dates & times
- Bundling via esbuild
- RSS feed
- Links to social networks in footer
- Mastodon domain verification snippet
Please read the Get started docs!
npm install
Starts watch tasks to compile when changes detected
npm start
Minify JS, CSS and HTML.
npm run build