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:


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?


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