Skip to content
View martinsitar's full-sized avatar
1 follower · 0 following

Achievements

Achievement: Pull Shark

Achievements

Achievement: Pull Shark

Block or report martinsitar

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
martinsitar/README.md

Important Note: This is tested up to/with Hugo 0.92.2 extended. Hugo version 0.93.* does not work so far and I am looking into it.

Hugo & Tailwind 3.0

A barebone Hugo & Tailwind CSS 3.0 starter kit

Install to VS Code with:
git clone https://github.com/4044ever/Hugo-Tailwind-3.0
npm install

To start developing:
npm run start

To generate the site HTML:
npm run build

npm run start will run two commands parallel:
npx tailwindcss -i ./assets/css/main.css -o ./assets/css/style.css --watch

and hugo server

Note: When you start first time npm run start a style.css must exist - or you get an error! Just do a Ctrl+c and run npm run start - even though you got an error but a style was written anyway and 2nd time round it should start fine.

To get out of developing mode you need to do Ctrl+c twice.

Disclaimer: This is my first try with Hugo and Tailwind 3.0. To me it looks like all functions work, classes get updated, a correct /public/ folder with purged, minified style*.css gets created. Seems production ready, you can build a theme around it. Leave a comment if you see errors or improvements.

Update Notes: If you have an older version and new Tailwind classes don't update, change in tailwind.config.js to content: ['./layouts/**/*.html', './content/**/*.md']. Allowing HTML in *.md files may help too, allow them in config.toml

Popular repositories Loading

  1. chase chase Public

    Swift

  2. store-badges store-badges Public

    A collection of localized badges for the Apple App store and the Google Play store.

  3. jessandmartin.github.io jessandmartin.github.io Public

    CSS

  4. smartblocks.github.io smartblocks.github.io Public

    Smartblocks is a typefce designed for wireframing, without blowing up your original content.

    HTML

  5. martinsitar martinsitar Public

    HTML 1