Hugo Themes
Blonde
Blonde, A simple theme using Tailwind CSS.
The demo can be seen here: https://blonde.pages.dev
Features
- Responsive
- Dark/Light mode
- Google Analytics
- Yandex.Metrica
- Widgets
- 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
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
$ 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.
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.