This theme is designed for blogging purposes. Feel free to extend it for other use cases though.
At its core, it's minimalistic; it doesn't rely on monolithic libraries such e.g
jquery, bootstrap. Instead, it uses grid css, flexbox & vanilla js to
features outlined below:
Add this theme as a Git submodule inside your Hugo site folder:
git submodule add https://github.com/onweru/hugo-swift-theme.git themes/hugo-swift-theme
Theme hugo sass and hugo-extended version.
You can configure the site using as follows:
General Information** and **Staticman config
Use the file
See the data files inside the
Customize Theme colors You can do so easily in the variables sass partial. Use names (e.g red, blue, darkgoldenrod), rgb, rgba, hsla or hex values.
Written By Block
How do I include a
written by ?
- Copy this authors yaml file from the
exampleSiteto your data directory.
- name: "yourName" photo: "myAvatar.jpg" url: "https://myURLofChoice.domain" bio: "It's time to flex. Write a short or not-so-short summary about yourself."
- Specify the name in your content files
... author: "yourName" ...
What if I want to exclude the
written by from some articles?
Don't include an
author in your article front matter.
The authors.yml file helps yoy:
Write all your author information in one place. This way, you only specify the author name on your content files (posts). The rest of the data i.e photo, url & bio are automatically pulled from the data file.
In certain situations, you may have different people publishing articles on your blog. For example, you could have someone guest blog. Or may be you have a blog co-author.
For all content published using markdown, deeplinks will be added to the pages
so that you can share with precision
Today most operating systems & browsers support dark mode. Like twitter, which automatically turns into dark mode when the user chooses darkmode, this theme does the same thing.
The code is available under the MIT license.