hugoWebsite/README.md

![Tailbliss](https://tailbliss.netlify.app/images/tailbliss-full-blue.png)

# TailBliss
Hugo + TailwindCSS 3.2.0 + Alpine.js for Hacktoberfest

TailBlis is an opinionated Hugo Starter with Tailwind CSS 3.2 and Alpine.js

**Install to VS Code with:**  
`git clone git@github.com:nusserstudios/hugo-twcss-alpine.git your-name`  
`npm install`

**To start developing:**  
`npm run start`
`yarn start`

**To generate the site HTML:**  
`npm run build`
`yarn build`

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

Has paginated Categories and Tags. Markdown files will automatically convert images put into `/assets` folder to .webp images. 

## Image shortcodes for webp as well.
{{< imgh src="img-name.jpg" alt="Place alt text here." >}}

Made with ❤️ by NUSSER STUDIOS.

<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="nusserstudios" data-color="#FF5F5F" data-emoji=""  data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#ffffff" data-coffee-color="#FFDD00" ></script>