31173fa72b
|
||
|---|---|---|
| .circleci | ||
| .github | ||
| .vercel | ||
| archetypes | ||
| assets | ||
| content | ||
| images | ||
| layouts | ||
| public | ||
| resources/_gen | ||
| static | ||
| .gitignore | ||
| .hugo_build.lock | ||
| LICENSE | ||
| README.md | ||
| codecov | ||
| codecov.SHA256SUM | ||
| codecov.SHA256SUM.sig | ||
| config.toml | ||
| netlify.toml | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.js | ||
| theme.toml | ||
| yarn-error.log | ||
| yarn.lock | ||
README.md
TailBliss
A Hugo Starter template with TailWindCSS and Alpine.js.
View Demo · Report Bug · Request Feature · Ask Question
TailBliss
Hugo + TailwindCSS 3.2.0 + Alpine.js for Hacktoberfest
TailBliss is an opinionated Hugo Starter with Tailwind CSS 3.2 and Alpine.js with light/dark modes.
Install to VS Code with:
git clone git@github.com:nusserstudios/hugo-twcss-alpine.git your-name
Install with NPM
npm install
Install with Yarn
yarn
To start developing:
Develop with NPM
npm run start
Develop with Yarn
yarn start
To generate the site HTML:
Build with NPM
npm run build
Build with Yarn
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." >}}
Credits
4044ever - Original Theme https://github.com/4044ever/Hugo-Tailwind-3.0.git
Jan Heise - Alpine.js Navbar https://github.com/jan-heise/responsive-navbar-with-dropdown
Made for Hacktoberfest, with ❤️ by NusserStudios.