Hugo blog awesome

Fast, minimal blog with dark mode support.

Hugo SCSS Blog Portfolio
Author Sidharth R
Github Stars 23
Last Commit Mar 20, 2023
Hugo blog awesome screenshot

Features

  • Minimal design
  • Responsive design
  • Light and dark mode
  • Syntax highlighting
  • RSS feed
  • No jQuery, Bootstrap
  • 100/100 Google PageSpeed Insights score on all 4 metrics

Screenshots

Dark modeLight mode
Dark modeLight mode

Page speed score:

Page speed score

Google PageSpeed Insights test link.

Setup

Ensure that you have installed the Hugo extended version. This theme uses SCSS for styling, so you need the extended version of Hugo to compile the SCSS files.

To create a new Hugo site with this theme, run the following command:

hugo new site myblog

Then, clone this repository into the themes directory of your new site:

cd myblog
git clone https://github.com/hugo-sid/hugo-blog-awesome.git themes/hugo-blog-awesome

To preview the thmeme with example content, run the following command from the exampleSite directory:

hugo server --themesDir ../..

Usage

To use this theme, set the theme variable in your site’s config.toml to hugo-blog-awesome:

theme = "hugo-blog-awesome"

Configuration

You can have a look at the config.toml file in the exampleSite directory for an example configuration. I recommend you to copy the config.toml file from the exampleSite directory to the root directory of your Hugo site. Then, you can edit the config.toml file to suit your needs.

Content

Posts

To create a new post, run the following command:

hugo new posts/my-first-post.md

Then, edit the my-first-post.md file to suit your needs.

Contributing

If you find any bugs or have any suggestions, feel free to open an issue or a pull request.

License

This theme is released under the MIT license. For more information read the License.