Overview
The 11r is a popular Eleventy blog template. It offers a range of features for static site generation, templating, styling, syntax highlighting, and more. With a seamless installation process and advanced functionality, 11r provides a comprehensive solution for bloggers and developers.
Features
- Eleventy: Enables static site generation.
- Nunjucks: Provides templating capabilities.
- TailwindCSS: Offers utility-first styling.
- markdown-it-anchor: Generates anchors for headings.
- eleventy-plugin-nesting-toc: Generates tables of contents from anchors.
- Prism syntax highlighting: Provides code highlighting with copy button scripting.
- Rollup: Handles bundling and compiling.
- JavaScript-based privacy policy notice dismissal handling: Allows for custom privacy policy notice handling.
- Tags: Supports tagging functionality.
- Pagination: Offers pagination options.
- Deploy script for GitHub Pages: Streamlines the deployment process.
- Exemplary Flexbox usage: Provides flexible layout options.
- SEO prepared: Set up for search engine optimization.
Installation
To set up 11r, follow these steps:
- Clone the repository:
git clone git@github.com:reeseschultz/11r.git
- Change to the repository directory:
cd 11r
- Install the necessary dependencies:
npm install
- Serve the site locally:
npm run dev
- Build the site for production:
npm run build
- Deploy the site to GitHub Pages:
../deploy.sh
(includes build)
Make sure to customize the deploy script and configure the repository accordingly to suit your needs.
Summary
11r is a versatile Eleventy blog template that provides a range of features for static site generation, templating, styling, and more. With an easy installation process and advanced functionality, it offers a comprehensive solution for bloggers and developers. From customizable tags to SEO optimization, 11r has everything you need to create a professional and visually appealing blog.