Minimaly

screenshot of Minimaly

A minimal eleventy starter theme with design token, rss feed, service workers ...

Overview:

Minimaly is an eleventy starter that provides a minimalistic and customizable theme for creating a simple markdown blog. It offers design tokens for easy branding, eleventy data for meta, cover, and post display, custom navigation options, and blog-ready features such as markdown posts and RSS feed. The theme also includes service workers for offline reading and aims for accessibility. Inspired by the Hylia starter by Andy Bell, Minimaly does not require a CMS and can be adapted to suit different needs. It is recommended to refer to the Eleventy documentation for its powerful functionalities.

Features:

  • Design tokens: Customize the theme by modifying token.json to change colors, sizes, breakpoints, and more.
  • Eleventy data: Use eleventy data to control how metas, covers, and posts are displayed, such as grid, list, or cover background.
  • Custom navigation: Easily customize the navigation options by modifying the navItems in src/_data/site.json.
  • Blog ready: Write blog posts in markdown format and enjoy features like RSS feed and customizable post rendering.
  • Service workers: Enable offline reading by using service workers.
  • Accessibility: Although the theme is still a work in progress, efforts have been made to ensure accessibility.

Summary:

Minimaly is an eleventy starter that provides a minimalistic and customizable theme for creating a simple markdown blog. It offers design tokens, eleventy data, custom navigation options, and blog-ready features such as markdown posts and RSS feed. The theme also includes service workers for offline reading and aims to incorporate accessibility best practices. To install the theme, clone the repository, install the dependencies, and customize the UI settings and theme options as desired. The result can be viewed by running a local server and accessing the provided URL in the browser.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.