A blog theme that works well with classless-css frameworks. It is designed to be as simple, accessible and minimal as possible.
- Author: Johannes Lippmann
- Minimum Hugo Version: 0.53.0
- GitHub Stars: 0
- Updated: 2023-01-27
- License: GPLv3
- Tags: Blog Minimal Responsive
This is a hugo-theme for blogs.
To make it also look good a classless-css framework can be included.
A demo of this theme (with the default “Water.css” framework) is hosted on Gitlab pages.
Choose a framework
Some cool classess-css frameworks are:
But there are many more out there.
Use a framework
Such classess-css frameworks provide stylesheets that can be included into this theme in two ways, both with different pros and cons:
Via url in the config
Add an url to a stylesheet into your sites config like this:
params: stylesheetUrl: "https://unpkg.com/sakura.css/css/sakura.css"
Or in your
[params] stylesheetUrl = "https://unpkg.com/sakura.css/css/sakura.css"
- little effort
- small diffs when changing the framework
- will update automatically if the framework is updated
- you are dependend on a third party, which might go down without notice
- the third party might track your users
Download the stylesheet and put it into the sites static folder as
If this file exists then the option
stylesheetUrl from the config will be ignored.
- full controll over what is part of your site
- you can overwrite the file if you want
- you can use your own stylesheets, even if they are not publicly available
- you can get creative with using git submodules or makefiles to automate the process
- changing frameworks is more work
- foreign css-code is now in your repo
There is only one standard parameter for posts: If you want a cover image, add it like this:
Most of the time the path will just be
coverimage.jpg or so.
This assumes that your posts are organized as page-bundles (which is the most sensible way anyways).
Have a look at the exampleSite to see how this would look.
Ideas for improvement
- Add ci tests
- Automatically create Screenshots in the CI
- Have versions of the demo site online for different css-frameworks
- Make sure the project can be internationalized well