Eleventy Duo screenshot

Eleventy Duo

Author Avatar Theme by Yinkakun
Updated: 5 Sep 2024
257 Stars

Eleventy Duo is a minimal and beautiful Eleventy theme for personal blogs.

Overview

Eleventy Duo is a minimal and beautiful Eleventy theme designed for personal blogs. It offers a range of features to enhance the user experience, including full responsiveness, SEO metadata, cache busting, pagination support, syntax highlighting, and more. With Eleventy Duo, users can easily create and customize their own personal blog with a clean and elegant design.

Features

  • Fully responsive design for optimal viewing on all devices.
  • SEO metadata and Open Graph tags to improve search engine visibility and social media sharing.
  • Maximize lighthouse score for improved website performance and accessibility.
  • Cache busting to ensure users always see the latest version of the site.
  • Customizable 404 page for a better user experience.
  • RSS feed for posts, allowing users to subscribe and stay updated.
  • Tags support for organizing and categorizing blog posts.
  • Pagination support to navigate through a large number of blog posts.
  • Syntax highlighting with PrismJS to improve code readability.

Installation

To install Eleventy Duo, follow these steps:

  1. Generate a new repo from the repository template provided.
  2. Clone your new repository using the command git clone https://github.com/YOUR_REPO.
  3. Navigate to the newly created repo.
  4. Install dependencies by running yarn install.
  5. Serve the site locally with yarn dev.
  6. Use yarn build to build a production version of the site.
  7. Customize the theme by editing the data/site.json file with your own details, such as description, title, URL, navigation items, and social media links.
  8. Replace the favicon and default social images in the src/images/ directory with your own graphics.
  9. Manually edit the contents of the homepage, about page, blog posts, and generic pages to fit your needs. Sample frontmatter is provided for each type of page.
  10. Optionally, integrate Forestry CMS to manage your content. The theme is preconfigured to work with Forestry, allowing you to easily edit markdown or data files, upload media, and commit updates to your repo. Instructions for setting up Forestry are provided in the documentation.

Summary

Eleventy Duo is a minimalist and visually appealing theme for personal blogs. With its responsive design and variety of features, it provides a seamless and enjoyable reading experience on all devices. The theme offers easy installation and customization options, allowing users to create a unique and personalized blog. Additionally, Eleventy Duo integrates with Forestry CMS for effortless content management. Whether you’re a beginner or an experienced blogger, Eleventy Duo is a great choice for showcasing your thoughts and ideas online.