Jamstack Eleventy Custom
A static site created with 11ty (eleventy). The repo should serve as a demo/sample on creating 11ty sites from scratch - and also as a sample/basic for blog-sites.
Overview:
The "jamstack-eleventy-custom" is a static site created with 11ty (eleventy). It serves as a demo/sample for creating 11ty sites from scratch and as a basic template for blog sites. The main aim of this site is to be highly flexible and customizable.
Features:
- Cookie Consent: The site includes a cookie consent feature.
- Local Picture Support: Support for pictures stored locally in the same folder as the posts markdown file.
- Bootstrap: The site uses Bootstrap for styling.
- Customizable Pager: A customizable pager (navigator) is included.
- Search Inside Posts: The site allows for searching inside the posts.
- Nested Paging: The site includes nested paging functionality.
- Tags and Nested Categories: Support for tags and nested categories.
- Sticky Sidebars: Sticky sidebars for recent articles, articles in series, similar articles, tags, and categories.
- Tag Cloud: The site includes a tag cloud.
- Table of Contents: A table of contents feature is implemented.
- RSS Plugin: RSS plugin is integrated with the site.
- Mathjax and Mermaid Integration: Mathjax and Mermaid integration is included.
Summary:
The "jamstack-eleventy-custom" site is a customizable static site template created with 11ty. It includes features such as cookie consent, local picture support, customizable pager, search functionality, nested paging, tags and categories, sticky sidebars, tag cloud, table of contents, and more. The site can be installed by cloning the GitHub repository and running the necessary commands. It serves as a great starting point for creating blog sites and showcases the capabilities of 11ty.
- Eleventy
11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Blog
Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.