I finally got around to deploying this site on netlify.
I'm hoping to move everything over in the future and use this site as my main blogging site.
eleventy-base-blog as a start which has a large number of features already.
I have added:
Info on how development has gone so far can be seen in blog post
I still have a todo list of new features I am looking to add.
title: -required- date: -required- draft: -required- author: -required- tags: -optional- image: -optional- imgAuthor: -optional- imgAuthorURL: -optional- permalink: -optional-
Post permalinks are generated using
Project Structure #
This is the base folder structure.
├── netlify │ └── cache-plugin ├── public │ ├── img │ ├── media │ └── users └── src ├── _assets ├── atom ├── _data ├── _includes ├── _media ├── pages ├── posts ├── _scripts ├── sitemap └── _styles
Markdown files for
pages are located in
Images for posts are kept in
Site generation outputs to
Asset Bundling & Processing #
The site uses
esbuild to optimize & bundle clientside
The site uses
postcss to optimize & minify
Styles are inserted inline.
Image Optimization #
Image optimization is automatic in
markdown & image
shortcode is used in templates.
The site is setup to output optimized
webp images as well as the original input format.
Custom callout elements using custom
This is an info box
This is a tip
This is a warning
This is a dangerous warning
This is a note
This is a important block
boosts received via mastodon.
Syndication Feed #
Syndication feed generation is setup to output an
excerpt of the latest
Sitemap generation is based on
pages only (ignores pagination & tag pages).
Source Code #
The source for my 11ty blog is available on github.