Blonde

Blonde

Blonde is a simple theme for Hugo using Tailwind CSS.

Features

• Responsive
• Dark/Light mode
• Google Analytics
• Google AdSense
• Yandex.Metrica
• Widgets
• Pagination
• Syntax Highlight
• RSS feeds
• Support tags and categories and archives
• Disqus
• 100/100 Google Lighthouse speed score

Installation

Method 1

Inside the folder of your Hugo site run:

$ git clone https://github.com/opera7133/Blonde themes/Blonde

Updating theme:

$ cd themes/Blonde
$ git pull

Method 2

Inside the folder of your Hugo site run:

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

Updating theme:

$ git submodule update --remote --merge

Install dependencies

Copy at least the following files from themes/Blonde/exampleSite to the root folder of your site.

• package.json
• tailwind.config.js
• postcss.config.js

After that, run this command.

$ 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.

$ npm run start

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

Build your site

$ npm run build

License

This theme is released under the MIT license.