Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/opera7133/Blonde
Blonde, A simple theme using Tailwind CSS.
https://github.com/opera7133/Blonde
hugo-site hugo-theme tailwind-css
Last synced: 5 days ago
JSON representation
Blonde, A simple theme using Tailwind CSS.
- Host: GitHub
- URL: https://github.com/opera7133/Blonde
- Owner: opera7133
- License: mit
- Created: 2020-08-13T08:10:34.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2024-09-09T11:08:14.000Z (2 months ago)
- Last Synced: 2024-09-09T13:17:10.364Z (2 months ago)
- Topics: hugo-site, hugo-theme, tailwind-css
- Language: CSS
- Homepage: https://blonde.pages.dev
- Size: 5.4 MB
- Stars: 106
- Watchers: 6
- Forks: 45
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Blonde
![](https://github.com/opera7133/Blonde/raw/master/images/screenshot.png)
Blonde, A simple theme using Tailwind CSS.
The demo can be seen here: https://blonde.pages.dev
## 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](https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https%3A%2F%2Fblonde.pages.dev)## Installation
### Method 1
Inside the folder of your Hugo site run:
```bash
$ git clone https://github.com/opera7133/Blonde themes/Blonde
```Updating theme:
```bash
$ cd themes/Blonde
$ git pull
```### Method 2
Inside the folder of your Hugo site run:
```bash
$ git submodule add https://github.com/opera7133/Blonde.git themes/Blonde
```Updating theme:
```bash
$ 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.jsAfter that, run this command.
```bash
$ npm install
```For more information read the official [setup guide](https://gohugo.io/overview/installing/) 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.
```bash
$ npm run start
```Now enter `localhost:1313` in the address bar of your browser.
### Build your site
```bash
$ npm run build
```## Contributing
If you find a bug or have an idea for a feature, feel free to write an [issue](https://github.com/opera7133/Blonde/issues) or make a PR.
## License
This theme is released under the [MIT license](https://github.com/opera7133/Blonde/blob/master/LICENSE).