This is a simple starter template for creating a Jekyll site with Tailwind CSS. It includes basic setup and configuration for Jekyll, a static site generator, and Tailwind CSS, a utility-first CSS framework.
Follow these steps to get your Jekyll + Tailwind CSS site up and running:
npm install tailwindcss @tailwindcss/typography cssnano postcss postcss-cli daisyui postcss-import autoprefixer
to install the necessary Node.js packages.bundle update
to update the Ruby dependencies.bundle install
to install the necessary Ruby gems.bundle exec jekyll serve -l -o
to start the Jekyll server.Your site should now be running at http://localhost:4000
.
To deploy your site to GitHub Pages, follow these steps:
_config.yml
.url: 'https://your-name.github.io'
with your GitHub Pages URL.baseurl: 'your-repo-name'
with the name of your GitHub repository.bundle exec jekyll build
npx gh-pages -d _site
gh-pages
branch.Your site should be live at https://your-name.github.io/your-repo-name
.
This template uses configurations and tweaks inspired by the following sources: