https://github.com/jmau111/jekyll-tailwindcss

A simple demo of Tailwindcss in Jekyll
https://github.com/jmau111/jekyll-tailwindcss

jekyll tailwindcss

Last synced: about 2 months ago
JSON representation

A simple demo of Tailwindcss in Jekyll

• Host: GitHub
• URL: https://github.com/jmau111/jekyll-tailwindcss
• Owner: jmau111
• License: mit
• Created: 2020-12-08T08:08:58.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-05-01T06:57:30.000Z (over 1 year ago)
• Last Synced: 2024-10-12T14:33:27.590Z (2 months ago)
• Topics: jekyll, tailwindcss
• Language: HTML
• Homepage: https://jmau111.github.io/jekyll-tailwindcss/
• Size: 342 KB
• Stars: 20
• Watchers: 0
• Forks: 6
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# Tailwindcss for Jekyll

[![release](https://img.shields.io/github/release/jmau111/jekyll-tailwindcss.svg)](https://github.com/jmau111//jekyll-tailwindcss/releases/latest)

[![release date](https://img.shields.io/github/release-date/jmau111/jekyll-tailwindcss.svg)](https://github.com/jmau111/jekyll-tailwindcss/releases)

[![release feed](https://img.shields.io/badge/release-feed-yellow)](https://github.com/jmau111/jekyll-tailwindcss/releases.atom)

Here is a simple demo of Tailwindcss **3++** in Jekyll with sass

[See the live demo](https://jmau111.github.io/jekyll-tailwindcss/)

## How to use it

1. clone the repository

2. cd jekyll-tailwindcss

3. `bundle` to install jekyll dependencies

4. `yarn` to install node modules

5. `bundle exec jekyll serve` to run a local server

Enjoy!

[Source: documentation Tailwindcss](https://tailwindcss.com)

Here is the final build command:

```

JEKYLL_ENV=production NODE_ENV production jekyll build

```

If it does not work, try:

```

JEKYLL_ENV=production NODE_ENV production bundle exec jekyll build

```

## Node.js

GitHub deploy uses **Node 14**

## Demo URL

[See the live demo](https://jmau111.github.io/jekyll-tailwindcss/)

Styles are from [https://tailwindcomponents.com/component/card-hero-section](https://tailwindcomponents.com/component/card-hero-section)