Find a file
2018-07-27 10:03:24 +10:00
archetypes revises archetype 2018-07-22 21:34:17 +10:00
exampleSite revamps styles and layouts 2018-07-22 09:33:29 +10:00
images revises README, adds the portfolio picture 2018-07-22 09:51:27 +10:00
layouts refactors layouts for single and list, header, footer 2018-07-27 10:02:49 +10:00
static revises styles for <figure> 2018-07-27 10:03:24 +10:00
static-src/scss revises styles for <figure> 2018-07-27 10:03:24 +10:00
CHANGELOG.md switches to deferred FA javascript 2018-07-26 17:49:47 +10:00
LICENSE.md adapt to npf.io themes and add social stuffs 2018-01-21 18:09:55 +07:00
README.md revises CHANGELOG and README 2018-07-25 12:26:22 +10:00
theme.toml revises theme config 2018-07-22 21:34:33 +10:00

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

Main page

hyde-hyde main screen

Post

A post in hyde-hyde

Portfolio

Portfolio hyde-hyde

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

Author(s)

Original Developed by Mark Otto

Hugo's Hyde Ported by Steve Francia

License

Open sourced under the MIT license.