Creating a New Theme

Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I’ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won’t cover using CSS to style your theme. We’ll start with creating a new site with a very basic template.

Migrate to Hugo from Jekyll

Move static content to static Jekyll has a rule that any directory not starting with _ will be copied as-is to the _site output. Hugo keeps all static content under static. You should therefore move it all there. With Jekyll, something that looked like ▾ <root>/ ▾ images/ logo.png should become ▾ <root>/ ▾ static/ ▾ images/ logo.png Additionally, you’ll want any files that should reside at the root (such as CNAME) to be moved to static.

Installing Wetty

Installing Wetty The best way should be to follow https://github.com/butlerx/wetty and its docs but if that does not work this how-to could be used. It assumes you are in your home directory as an ordinary (non-root) user. Otherwise some paths below will need to be adjusted. Run: $ git clone https://github.com/butlerx/wetty.git $ cd wetty $ yarn $ yarn build The README.md from the author directs to install it globally. Didn’t work for me.