hugoWebsite/README.md

2.0 KiB

NewPipe e.V. website



Hugo TailwindCSS 3 ALpine.js 3

Prerequisites

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.

{{< imgc src="img-name.jpg" alt="Place alt text here." >}}

Form

To use the form, visit FormSubmit.Co. Locate the contact form in "content/contact.md", and update the form action with the email address you want on this line: action="https://formsubmit.co/your@email.com" method="POST"

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

Tailbliss theme by NusserStudios. https://github.com/nusserstudios/tailbliss/ Made for Hacktoberfest, with ❤️ by NusserStudios.