hyde-hyde

hyde-hyde is a Hugo's theme derived from @spf13's Hyde which is in turn ported from @mdo Jekyll's Hyde.

Notable Changes

• Color tones and layouts are inspired by Nate Finch's blog
• Restructuring/modularising the layouts (see layouts/_default/baseof.html, layouts/_default/single.html, layouts/_default/list.html and layouts/partials)
• Using highlight.js for code highlighting
• Using Font-Awesome 5's icons
• Using main font Fira-Sans + fixed width font Roboto Mono
• Adding GraphComment for replacing the built-in Disqus

A real site in action can be found here with its WIP source for reference.

Some screenshots:

Installation

hyde-hyde can be easily installed as many other Hugo's themes:

$ cd HUGO_SITE
# then clone hyde-hyde
$ git clone https://github.com/htr3n/hyde-hyde.git themes/hyde-hyde
# or add hyde-hyde as a submodule
$ git submodule add https://github.com/htr3n/hyde-hyde.git themes/hyde-hyde

Then choose hyde-hyde as the main theme

• config.toml

theme = "hyde-hyde"

• config.yaml

theme : "hyde-hyde"

That's all. You can render your site using hugo and see the template in action.

Options

• hyde-hyde essentially inherits all options from Hyde.

Customisations

• Most of the newly added customisations are in the file hyde-hyde/static/css/hyde-hyde.css.
• The layouts for a single post or a list/table of content in hyde-hyde/layouts are modularised and can be changed easily.

Author(s)

Original Developed by Mark Otto

• https://github.com/mdo
• https://twitter.com/mdo

Hugo's Hyde Ported by Steve Francia

• https://github.com/spf13
• https://twitter.com/spf13

Color Theme Inspired By

• Nate Finch's blog

License

Open sourced under the MIT license.