Using Semantic UI with Hugo

Hi there,

I’m pretty new to Hugo and I’m trying to understand the directory structure and how I would use Semantic UI.

This is the default folder structure for Semantic:

Capture

The dist directory is created when I run gulp build. Where should the src
directory go, and where should the dist directory go, inside of Hugo’s file hierarchy?

Thanks.

You’d put your compiled CSS and JS files in /static in your project (so, /static/components etc), and reference them. The site theme in src would have to be converted into a set of templates that Hugo can understand. It would not be automatic.

1 Like