blogwind is a theme for the static site generator Hugo. The theme is built with TailwindCSS and based on hugo-starter-tailwind-basic and Blonde.
The theme is still in an early version so expect bugs. All feedback is welcomed.
You can see the theme in action at my personal blog.
- Minimal JavaScript
- Design for posts (default), pages and projects
- Set Creative Commons Licence via Frontmatter for posts
- Support for VG Wort tracking pixel
Add the following lines to your config:
[build]
writeStats = true
[module]
[[module.imports]]
disable = false
ignoreConfig = false
path = "github.com/cmlnet/blogwind"
Then run hugo mod get -u
. (This way you can also update the theme.)
Additionally, you have to npm installed and to run the following command:
hugo mod npm pack
npm install
Add blogwind as a git submodule in your project:
git submodule add https://github.com/cmlnet/blogwind.git themes/blogwind
Then add in your config theme = "blogwind"
as well as the following lines to get CSS purging:
[build]
writeStats = true
Additionally, you have to npm installed and to run the following command:
hugo mod npm pack
npm install
In order to update the theme use the following command:
git submodule update --remote --merge
work in progress
There are a couple of theme specific parameters that can be set in your config:
The parameter logo
allows you to set a graphical logo for your site. The image has to be placed in the folder /static
. If it is placed in a subfolder therein you need to give the path.
Examples:
logo = "logo-path.svg" # logo.svg needs to be in /static
logo = "images/logo-path.svg" # logo.svg needs to be in /static/images
If this parameter is not set then blogwind will default to using the site title.
blogwind will look for the following files in the folder `/static/favicons/*:
├── android-chrome-192x192.png
├── android-chrome-512x512.png
├── apple-touch-icon.png
├── favicon-16x16.png
├── favicon-32x32.png
└── site.webmanifest
If they are found then they will be included in head.
- Documentation
- Switch from a Flexbox to a GridCSS based layout
- Refactor CSS
- Secure Headers
- Build in search
- Schema markup
- 404 page
- Refactor HTML and CSS