# daattali/beautiful-jekyll

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/daattali-beautiful-jekyll).**

5,813 stars · 17,346 forks · HTML · MIT

## Links

- GitHub: https://github.com/daattali/beautiful-jekyll
- Homepage: https://beautifuljekyll.com
- awesome-repositories: https://awesome-repositories.com/repository/daattali-beautiful-jekyll.md

## Topics

`blog` `github-pages` `jekyll` `jekyll-theme` `jekyll-themes` `responsive` `ruby-gem` `static-site-generator`

## Description

Beautiful Jekyll is a ready-to-use Jekyll theme designed for building a personal website or blog and publishing it on GitHub Pages with minimal configuration. It transforms Markdown content into a fully styled static website, providing a complete static site generator theme that handles blog posts, tags, and navigation through a clean, mobile-first design.

The theme distinguishes itself through extensive configuration and extensibility options, allowing users to customize color schemes, navigation menus, page layouts, and social links without modifying core files. It supports multiple comment platforms including Disqus, giscus, and Utterances, integrates with analytics services like Cloudflare Analytics and Google Tag Manager, and provides SEO optimization through configurable metadata, social sharing previews, and automatic sitemap generation.

Content management is handled through date-based file naming for blog posts, with automatic RSS feed generation, tag-based categorization, and chronological feeds. The theme includes full-width page layouts, cover images, social sharing buttons, and a built-in site search feature. Additional capabilities include Docker deployment, custom HTML and CSS injection, language and accessibility configuration, and support for external navigation links and dropdown menus.

## Tags

### Content Management & Publishing

- [Static Site Generation](https://awesome-repositories.com/f/content-management-publishing/static-site-document-generators/static-site-generators/static-site-generation.md) — Converts Markdown and Liquid templates into pre-rendered HTML files during a build step for fast serving.
- [Blog Post Publishing](https://awesome-repositories.com/f/content-management-publishing/blog-post-publishing.md) — Creates content by writing Markdown or HTML files with date-based naming for automatic feed inclusion. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))
- [Blog Feed Generation](https://awesome-repositories.com/f/content-management-publishing/blog-post-rendering/blog-feed-generation.md) — Generates chronological blog feeds from Markdown files with automatic RSS and tag support.
- [Static Site Themes](https://awesome-repositories.com/f/content-management-publishing/blog-post-rendering/static-site-themes.md) — Transforms Markdown content into a fully styled static website with blog, tags, and navigation.
- [Blogging Platforms](https://awesome-repositories.com/f/content-management-publishing/blogging-platforms.md) — Lets you publish posts by writing Markdown files with automatic RSS feed generation and tag support.
- [RSS Feed Generation](https://awesome-repositories.com/f/content-management-publishing/rss-feed-generation.md) — Automatically produces an RSS feed for blog posts, enabling podcast hosting or content syndication. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))
- [Static Site Theme Builders](https://awesome-repositories.com/f/content-management-publishing/static-site-theme-builders.md) — Provides an open-source Jekyll theme for building a modern, responsive website quickly with Docker support.
- [Per-Post Header Images](https://awesome-repositories.com/f/content-management-publishing/blog-post-rendering/per-post-header-images.md) — Allows each blog post to have its own unique image displayed in the header. ([source](https://beautifuljekyll.com/updates/))
- [Comment System Integrations](https://awesome-repositories.com/f/content-management-publishing/comment-system-integrations.md) — Adds discussion threads to any page using Disqus, Facebook, Utterances, or giscus. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))
- [Commenting System Integrations](https://awesome-repositories.com/f/content-management-publishing/commenting-system-integrations.md) — Supports multiple comment platforms like giscus, Disqus, and Utterances for post discussions. ([source](https://beautifuljekyll.com/updates/))
- [Clickable Tag Links](https://awesome-repositories.com/f/content-management-publishing/content-tag-filtering/clickable-tag-links.md) — Makes post tags clickable, linking to a tag index page for browsing related content. ([source](https://beautifuljekyll.com/updates/))
- [Appearance and Behavior Adjustments](https://awesome-repositories.com/f/content-management-publishing/navigation-menu-configurators/appearance-and-behavior-adjustments.md) — Adjusts the navigation bar's appearance and behavior, including variable-length submenus and a search button. ([source](https://beautifuljekyll.com/updates/))
- [Content Injection Controls](https://awesome-repositories.com/f/content-management-publishing/page-layout-configurations/content-injection-controls.md) — Controls page width, excerpt visibility, tag display, and custom HTML injection via YAML front matter. ([source](https://beautifuljekyll.com/updates/))
- [Per-Page Layout Overrides](https://awesome-repositories.com/f/content-management-publishing/page-layout-configurations/per-page-layout-overrides.md) — Adjusts per-page parameters like title, subtitle, cover image, and thumbnail through YAML front matter. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))
- [Page Metadata Optimizations](https://awesome-repositories.com/f/content-management-publishing/page-metadata-optimizations.md) — Defines meta descriptions, titles, and keywords for individual pages to improve search engine optimization. ([source](https://beautifuljekyll.com/updates/))
- [Reading Time Estimations](https://awesome-repositories.com/f/content-management-publishing/reading-time-estimations.md) — Shows an estimated reading time in the post header. ([source](https://beautifuljekyll.com/updates/))
- [SEO Metadata Management](https://awesome-repositories.com/f/content-management-publishing/seo-metadata-management.md) — Sets meta descriptions, keywords, and social media titles for improved search engine visibility. ([source](https://beautifuljekyll.com/updates/))
- [Full-Width Header Displays](https://awesome-repositories.com/f/content-management-publishing/social-media-cover-generators/cover-image-previews/full-width-header-displays.md) — Ships a full-width cover photo feature with optional image cycling and captions for page headers. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))
- [Site-Wide Image Configurations](https://awesome-repositories.com/f/content-management-publishing/social-media-cover-generators/cover-image-previews/site-wide-image-configurations.md) — Manages cover images, thumbnails, and social media share images with path support. ([source](https://beautifuljekyll.com/updates/))

### DevOps & Infrastructure

- [GitHub Pages Deployments](https://awesome-repositories.com/f/devops-infrastructure/release-automation/github-release-automators/github-pages-deployments.md) — Provides a pre-built Jekyll theme designed for seamless deployment on GitHub Pages with SEO and social sharing.
- [GitHub Pages Deployments](https://awesome-repositories.com/f/devops-infrastructure/deployment-management-strategies/static-site-deployments/portfolio-hosting/github-pages-deployments.md) — Ships a Jekyll theme designed for seamless deployment to GitHub Pages with built-in support. ([source](https://beautifuljekyll.com/updates/))
- [Remote Theme Dependencies](https://awesome-repositories.com/f/devops-infrastructure/ruby-gem-packaging/remote-theme-dependencies.md) — Loads the theme as a Ruby gem or remote GitHub repository, enabling versioned updates without file copying.
- [Site-Wide Asset Includes](https://awesome-repositories.com/f/devops-infrastructure/configuration-management/server-and-site-configuration/site-configuration-management/asset-dependency-managers/site-wide-asset-includes.md) — Includes custom CSS and JavaScript files that apply to every page on the site. ([source](https://beautifuljekyll.com/updates/))

### Part of an Awesome List

- [Date-Based File Organizers](https://awesome-repositories.com/f/awesome-lists/devtools/calendars-and-dates/date-based-file-organizers.md) — Organizes blog posts by parsing date-prefixed filenames to generate chronological feeds and permalinks.
- [Personal Blogs](https://awesome-repositories.com/f/awesome-lists/productivity/personal-blogs.md) — Creates a modern, mobile-first personal website or blog by applying a pre-built Jekyll theme and publishing it on GitHub Pages. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))
- [Social and Sharing](https://awesome-repositories.com/f/awesome-lists/media/social-and-sharing.md) — Adds share buttons and comment sections to pages using configurable third-party providers. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))
- [Blog Generators](https://awesome-repositories.com/f/awesome-lists/devtools/blog-generators.md) — Easy-to-use and visually appealing theme for static sites.

### Business & Productivity Software

- [Website Templates](https://awesome-repositories.com/f/business-productivity-software/portfolio-management/website-templates.md) — Provides a pre-built Jekyll theme that serves as a complete website template for GitHub Pages. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))

### Data & Databases

- [Content Tagging](https://awesome-repositories.com/f/data-databases/content-tagging.md) — Assigns keywords to blog posts and automatically generates an index page for browsing by tag. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))

### Development Tools & Productivity

- [YAML Front Matter Tagging](https://awesome-repositories.com/f/development-tools-productivity/clipboard-management/clipboard-managers/categorization-tagging/yaml-front-matter-tagging.md) — Assigns keywords to blog posts via YAML front matter, generating an automatic index page for each tag. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))

### Software Engineering & Architecture

- [Document Front-Matter Configurations](https://awesome-repositories.com/f/software-engineering-architecture/environment-driven-feature-configurations/metadata-configurations/document-front-matter-configurations.md) — Controls per-page layout, images, and metadata through structured YAML headers in Markdown files.

### User Interface & Experience

- [GitHub Pages Theme Applications](https://awesome-repositories.com/f/user-interface-experience/font-management/dynamic-font-loading/custom-font-loading/offline-font-loading/remote-font-loading/remote-theme-loadings/github-pages-theme-applications.md) — Applies the theme via the `remote_theme` configuration option for GitHub Pages sites. ([source](https://beautifuljekyll.com/updates/))
- [Template Inheritance Layouts](https://awesome-repositories.com/f/user-interface-experience/page-headers/page-widgets/modular-page-composers/template-inheritance-layouts.md) — Builds pages by extending a base layout with modular includes for navigation, footer, and content sections.
- [Site Appearance Customizations](https://awesome-repositories.com/f/user-interface-experience/site-appearance-customizations.md) — Adjusts colors, background images, logos, and per-page parameters through YAML front matter. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))
- [Jekyll Theme Customizations](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/theme-architecture-frameworks/theme-customization/jekyll-theme-customizations.md) — Ships a ready-to-use Jekyll theme for creating a personal website or blog with minimal configuration.
- [Full-Width Layouts](https://awesome-repositories.com/f/user-interface-experience/button-styles/full-width-layouts.md) — Allows pages to span the full width of the browser window instead of a constrained layout. ([source](https://beautifuljekyll.com/updates/))
- [Color Schemes](https://awesome-repositories.com/f/user-interface-experience/color-schemes.md) — Changes the text color, navbar border color, footer link hover color, and mobile theme color. ([source](https://beautifuljekyll.com/updates/))
- [Admin CSS and JS Injections](https://awesome-repositories.com/f/user-interface-experience/custom-component-extensions/custom-component-builders/javascript-injection/admin-css-and-js-injections.md) — Adds custom HTML code before or after page content, and includes site-wide CSS and JavaScript files. ([source](https://beautifuljekyll.com/updates/))
- [Header Image Displays](https://awesome-repositories.com/f/user-interface-experience/fixed-width-containers/full-width-figure-floats/header-image-displays.md) — Provides full-width header images that span the entire page width. ([source](https://beautifuljekyll.com/updates/))
- [Social Media Link Icons](https://awesome-repositories.com/f/user-interface-experience/links/internal-page-link-resolvers/header-anchors/social-media-link-icons.md) — Includes links to social profiles such as Mastodon, Google Scholar, and ORCID in the footer. ([source](https://beautifuljekyll.com/updates/))
- [Navigation Links](https://awesome-repositories.com/f/user-interface-experience/navigation-links.md) — Allows navigation menu items to link to external websites. ([source](https://beautifuljekyll.com/updates/))
- [Navigation Menus](https://awesome-repositories.com/f/user-interface-experience/navigation-menus.md) — Creates dropdown menus within the navigation bar for organized links. ([source](https://beautifuljekyll.com/updates/))
- [Post Metadata Displays](https://awesome-repositories.com/f/user-interface-experience/post-metadata-displays.md) — Shows estimated reading time and last-updated date on blog posts. ([source](https://beautifuljekyll.com/updates/))
- [Social Media Sharing Utilities](https://awesome-repositories.com/f/user-interface-experience/social-media-sharing-utilities.md) — Adds share buttons for platforms like Reddit and VK, and configures Open Graph and Twitter Card metadata for rich previews. ([source](https://beautifuljekyll.com/updates/))
- [Sass Abstractions](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/component-style-customization/css-variable-styling-systems/sass-abstractions.md) — Applies site-wide color schemes and visual styles through compiled Sass variables and CSS overrides.
- [Post Cover and Thumbnail Configurations](https://awesome-repositories.com/f/user-interface-experience/ui-components/image-view-components/image-thumbnails/post-cover-and-thumbnail-configurations.md) — Automatically uses cover images as thumbnails and social media share images when no specific image is provided. ([source](https://beautifuljekyll.com/updates/))

### Web Development

- [Social Metadata Configurations](https://awesome-repositories.com/f/web-development/social-metadata-configurations.md) — Controls how pages appear on Google and social media by setting share titles, descriptions, and images in YAML front matter. ([source](https://cdn.jsdelivr.net/gh/daattali/beautiful-jekyll@master/README.md))

### Security & Cryptography

- [Comment Widget Integrations](https://awesome-repositories.com/f/security-cryptography/third-party-integrations/comment-widget-integrations.md) — Wraps multiple comment systems (Disqus, giscus, Utterances) behind a single configurable interface.