Blonde, A simple theme using Tailwind CSS.

The demo can be seen here: https://blonde.pages.dev

• Responsive
• Dark/Light mode
• Google Analytics
• Google AdSense
• Widgets
• Pagination
• Syntax Highlight
• RSS feeds
• Support tags and categories and archives
• Page search (with Google Search or Pagefind)
• Disqus / Gisqus
• 100/100 Google Lighthouse speed score

Inside the folder of your Hugo site run:

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

Updating theme:

cd themes/Blonde
git pull

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

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

• package.json

After that, run this command.

npm install

For more information read the official setup guide of Hugo.

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

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

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.

hugo

You can use pagefind by changing following line in hugo.toml:

- widgets = ["search", "archive", "category", "tags", "recent"]
+ widgets = ["pagefind", "archive", "category", "tags", "recent"]

Then run the following command after building your site:

npx -y pagefind --site public

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

This theme is released under the MIT license.

Regarding the icons in assets/icons, Material Icons are licensed under the Apache 2.0 License, and Bootstrap Icons are licensed under the MIT License.

• Material Icons : Google
• Bootstrap Icons : The Bootstrap Authors