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
- Set up your Ruby environment and add the Jekyll and Bundler gems.
- Download and copy the latest release of the Noir repository into a new directory.
- Open the terminal or command prompt, navigate to the new directory.
- Run the command
bundle install
to install the necessary dependencies. - Test that the site can be built without issues by running
bundle exec jekyll serve
and accessing127.0.0.1:4000
in your web browser. - Customize your site by making changes to the
_config.yml
file. - 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.