← Back to Blog

I tried creating a Hugo theme but failed

The past few days were brutal and probably the reason why I haven't updated my blog. I tried creating my own Hugo theme based on Cocoa with Tailwind CSS for styling.

I was working on it for almost a week with some custom implementations. I was already happy with the outcome that I tried deploying it without customizing the 404 page, but the CSS itself is applying to the site.

Not only that, but I also tried Hugo's PostCSS Pipeline, but it also encountered an error when I tried building the site. Probably because I'm using a 32-bit system? I already have Hugo-Extended installed, but I think I needed 64-bit to run the Extended version.

It was a great experience. I got to learn Hugo and Go. I also learned how Tailwind CSS works, and it changed the way I write CSS on a website.

It really depends on you if you want to use Vanilla CSS or Tailwind CSS on a website. However, comparing Tailwind CSS to existing CSS frameworks like Bootstrap or Materialize, Tailwind provides you the flexibility of adding your own mix using @apply to a particular class, unlike when using Bootstrap, where you need to override much code to achieve your desired result. Check out Tailwind CSS's docs for more information.

I'll get back to it once I have the system that would let me build using Hugo Extended. For now, I'll settle with the Hermit theme.

#Static Site Generator #Hugo Theme