hyde-hyde

Hyde-hyde is a Hugo's theme inspired and derived from @spf13's Hyde and its variant Nate Finch's blog.

Breaking Changes

Since version 2.0, hyde-hyde has been overhauled and, therefore, might cause some disruptions.

• The main styles are refactored and redeveloped using SCSS (see static-src/scss), poole.css and hyde.css are no longer needed because hyde-hyde.scss already incorporates relevant elements (I still keep them there for compatibility)
• The layouts have been heavily restructured and modularised further (see layouts)
• Adding 'Portfolio' page inspired by Xiaoying Riley (@3rdwave_themes) Developer-Theme
• Switching to use system fonts instead of Web fonts (e.g. privacy issues)

For more details, please refer to CHANGELOG.

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

Some screenshots:

Installation

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

$ cd HUGO_PROJECT

# then either clone hyde-hyde
$ git clone https://github.com/htr3n/hyde-hyde.git themes/hyde-hyde

# or just add hyde-hyde as a submodule
$ git submodule add https://github.com/htr3n/hyde-hyde.git themes/hyde-hyde

After that, 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 most of Hyde's options.

Customisations

• Most of the newly added customisations are in the files static-src/scss/hyde-hyde/_customised.scss and static-src/scss/hyde-hyde/_variables.scss
• 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

License

Open sourced under the MIT license.