A simple but opinionated Hugo theme geared towards blog-style content. Based on the older two-column Bootstrap blog example that was used for several Bootstrap versions, but has now been retired in favor of a “snarky” (their words) new example as of version 4.0.0’s final release.
Allow addition of custom <head> code in site’s layouts/partials/head-custom.html (see #17)
Configurable display of summaries of content in list templates.
Configurable keywords for every post
Supports automatic generation of <img> srcsets for images in page bundles using a [new figure shortcode]https://cpbotha.net/2020/05/02/drop-in-replacement-for-hugo-figure-shortcode-with-responsive-img-srcset/) (falls back to default Hugo behavior of looking up images in the static directory)
Clone the repository to your site’s themes directory. Refer to exampleSite/config.toml for recommended configuration values.
A few suggestions to help you get a good looking site quickly:
Keep blog posts in the content/posts directory, for example: content/posts/my-first-post.md
Keep static pages in the content directory, for example: content/about.md
Keep media like images in the static directory, for example: static/2016/10/screenshot.png
If you want an image to be shown when you share a post on social media, specify at least one image in the post’s front matter, for example: images: ["/2016/10/screenshot.png"]
Use the `
` tag in posts to control how much of a post is shown on summary pages
Disable comments on a post by setting comments = false in its frontmatter
Disable social sharing icons site wide (or on individual pages/posts) by setting sharingicons = false
If your content is stored in git, add enableGitInfo = true to your site config and Hugo will use git history to set a more accurate modification date in page metadata
This theme uses the Bootstrap framework. A static version of this is already included, but if you want to bump the version, tweak the style, etc, you’ll need to rebuild the assets. Make sure you have NodeJS >= v10 installed, and then run the following from inside the theme’s directory:
$ npm install
$ npm run build
There are several ways to help with the development of the theme: