11r screenshot

11r

Author Avatar Theme by Reeseschultz
Updated: 24 Jun 2022
149 Stars

America's favorite Eleventy blog template.

Categories

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:

  1. Clone the repository: git clone git@github.com:reeseschultz/11r.git
  2. Change to the repository directory: cd 11r
  3. Install the necessary dependencies: npm install
  4. Serve the site locally: npm run dev
  5. Build the site for production: npm run build
  6. 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.