More Premium Hugo Themes Premium Jekyll Themes

Noir

Noir is a modern, responsive and customizable theme for Jekyll with dark mode support.

Noir

Noir is a modern, responsive and customizable theme for Jekyll with dark mode support.

Author Avatar Theme by essentialenemy
Github Stars Github Stars: 70
Last Commit Last Commit: Aug 14, 2020 -
First Commit Created: Apr 22, 2023 -
default image

Overview

Noir is a modern and responsive theme for Jekyll 4 that pays close attention to typography and offers a dark mode friendly color scheme. It enhances a standard Jekyll installation with various features, such as navigation area, 404, archive, category, tag, style, and about pages, pagination, related posts, HTML/CSS compression, favicon, and valid Atom syndicated feed. The theme also provides a customizable accent color and ensures mobile-friendly design and interaction. Additionally, it offers smart quotes, rich preview links on iOS/macOS/watchOS devices, and styling for common HTML elements used in online Markdown writing.

Features

  • HTML, SASS, and config files included for design and functionality
  • Navigation area for linking to pages/posts or external URLs
  • 404, Archive, Category, Tag, Style, and About pages
  • Pagination, related posts, and per-post navigation
  • HTML/CSS compression (minification)
  • Favicon and valid Atom syndicated feed
  • Customizable accent color
  • Fully responsive with mobile-friendly design and interaction
  • Enabled forced curly/smart quotes
  • Rich preview links when shared via iMessage on iOS/macOS/watchOS
  • Styling for common HTML elements in online Markdown writing

Installation

  1. Set up your Ruby environment and add the Jekyll and Bundler gems.
  2. Download and copy the latest release of the Noir repository into a new directory.
  3. Open the terminal or command prompt, navigate to the new directory.
  4. Run the command bundle install to install the necessary dependencies.
  5. Test that the site can be built without issues by running bundle exec jekyll serve and accessing 127.0.0.1:4000 in your web browser.
  6. Customize your site by making changes to the _config.yml file.
  7. Reach out for assistance or feedback by opening a new issue, contacting the developer on Twitter, or using the email address provided in _config.yml.

Summary

Noir is a versatile Jekyll theme that offers a modern and responsive design with a focus on typography and dark mode compatibility. With its extensive list of features, including customizable accent colors, navigation area, various pages, and styling for common HTML elements, it provides a comprehensive solution for creating sleek and functional websites. The installation process is straightforward, and support is available from the developer. If you’re looking for a Jekyll theme that combines aesthetics and functionality, Noir is worth considering.