Jekyll + Tailwind Starter Theme. Jekyll Atlantic is a beautiful blog theme for Jekyll
Overview:
Jekyll Atlantic is a minimal blog theme for Jekyll that combines the power of Jekyll with the flexibility of Tailwind CSS. It offers a beautifully designed responsive blog and post layouts, full blog functionality, and fast performance. The theme has been optimized for deployment on platforms like Netlify and Github Pages.
Features:
- Jekyll 4.1+
- Tailwind CSS v2.2+
- PostCSS 8.3+
- Uses PostCSS with autoprefixer, nested CSS, and cssnano (to minify CSS)
- Works with native Jekyll commands jekyll serve and jekyll build
- Correctly uses Tailwind CSS to purge unused CSS in production
- Full blog functionality with categories, multiple authors, and pagination
- Ready to deploy to Netlify and Github Pages
- Responsive design with a responsive menu
- Achieves 100/100 Google Lighthouse speed score and SEO score
- High accessibility score (except for the green text contrast)
- Compact page size of 10KB without images
- Robust example content included
- Royalty-free illustrations and stock images included
Installation:
- Install Ruby and Jekyll following the Jekyll documentation and ensure your local environment is set up correctly.
- Download or clone the Jekyll Atlantic theme.
- To run the theme locally, navigate to the theme directory and run the following command:
- To use Tailwind and PostCSS, run the following command:
- To start the Jekyll local development server, run the command:
- To build the theme, execute the following command:
Summary:
Jekyll Atlantic is a beautifully designed minimal blog theme for Jekyll that combines the power of Jekyll and Tailwind CSS. It offers a wide range of features such as full blog functionality, responsive design, and excellent performance. The theme is easy to install and can be deployed on platforms like Netlify and Github Pages. With its compact size and optimized code, Jekyll Atlantic is a great choice for anyone looking to start a blog using Jekyll.
