Develop Hugo themes with Vite, a modern front-end tool.

Click the "Use this template" button at the top of the page, follow the prompts to fill out the form, and create your own theme.

Run npm install in the root directory to install dependencies.

npm install

Running npm run build will package the css and js source code written in the src directory into the static directory.

npm run build

If you want to get real-time development experience, you can run the npm run build:watch command. When you update the js and css source code, the files will be automatically repackaged to the static directory. The best way is to cooperate with hugo serve command to use.

npm run build:watch

cd exampleSite && hugo serve