Hugo Themes

Prev/Next: Almeida CV Portio All Themes

Blonde

Blonde, A simple theme using Tailwind CSS

Download Demo Homepage
Blonde

Blonde

Blonde, A simple theme using Tailwind CSS.

The demo can be seen here: https://blonde.netlify.app

Features

  • Responsive
  • Google Analytics
  • Pagination
  • Syntax Highlight
  • RSS feeds
  • Support tags and categories and archives
  • Disqus
  • 100/100 Google Lighthouse speed score

Prerequisites

Make sure to install postcss-cli and autoprefixer globally in your environment, as Hugo Pipe’s PostCSS requires it. This is mentioned in the Hugo Docs.

$ npm install -g postcss-cli
$ npm install -g autoprefixer

Installation

Inside the folder of your Hugo site run:

$ git submodule add https://github.com/opera7133/Blonde.git themes/Blonde
$ cd themes/Blonde
$ npm install

For more information read the official setup guide of Hugo.

Getting started

After installing the theme successfully it requires a just a few more steps to get your site running.

Update config file

Copy the config.toml in the exampleSite to the root of your Hugo site. Change strings as you like.

Check your site

In order to see your site in action, run Hugo’s built-in local server.

$ hugo server

Now enter localhost:1313 in the address bar of your browser.

Update the theme

Inside the folder of your Hugo site run:

$ git submodule update --remote --merge

Contributing

If you find a bug or have an idea for a feature, feel free to write an issue or make a PR.

License

This theme is released under the MIT license.

See Also