Overview

Hugo Now is a Hugo port of Jekyll Now, inspired by Hemingway. It offers a stylish and user-friendly theme for Hugo websites.

Features

• Tags: Easily categorize your content using tags.
• Titles: Attention-grabbing titles for your posts and pages.
• Table of Contents: Toggle the visibility of a table of contents for your content.
• Installation: Simple and easy installation process.
• Supports SVG: Use vector graphics instead of traditional image formats for better styling and less bandwidth consumption.
• Pygments styles: Customize the syntax highlighting style in your code snippets.
• Build SASS: Automatically compile Sass stylesheets for easy customization.
• Production-ready: Use the minified CSS for improved website performance.

Installation

There are two methods to install Hugo Now, both of which are outlined below.

Hugo Module - Preferred

1. Add Hugo Now as a module:

hugo mod add github.com/mikeblum/hugo-now

2. Update to the latest version:

hugo mod get -u github.com/mikeblum/hugo-now

Git Submodule

1. Add Hugo Now as a submodule:

git submodule add git@github.com:mikeblum/hugo-now.git themes/hugo-now

2. Commit your .gitmodules file.

Usage

To use Hugo Now, follow these steps:

1. Configure the config.toml file.
2. Use SVG files instead of PNG or JPG for better styling and performance.
3. Customize Pygments styles by changing the sass/style.scss file.
4. Build your Hugo website:

hugo

5. Visit localhost:1313 to see the Hugo Now theme in action.

For Sass development, use the following commands:

• To build Sass updates and watch for changes:

sassc -w sass/style.scss static/css/style.css

• For production, use this command to generate minified CSS:

sassc -t compressed sass/style.scss static/css/style.css

• Set the HUGO_ENV variable to production to use the minified CSS.

Summary

Hugo Now is a versatile and customizable theme for Hugo websites, offering features like tags, table of contents, and customizable styles. It can be easily installed as a Hugo module or as a Git submodule. Its responsive design and modern aesthetics make it a great choice for various types of websites.