cloned from https://github.com/htr3n/hyde-hyde

Find a file

Huy Tran 7e03bb3c64 I want to automatically index elements like figures and tables This change adds page-based counters for figures and tables using Hugo .Scratch. Adds automatic counters for figures and tables		2018-07-24 09:51:40 +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	I want to automatically index elements like figures and tables	2018-07-24 09:51:40 +10:00
static	revises base styles, kbd	2018-07-23 21:23:22 +10:00
static-src/scss	revises base styles, kbd	2018-07-23 21:23:22 +10:00
CHANGELOG.md	revises README and CHANGELOG	2018-07-22 19:28:57 +10:00
LICENSE.md	adapt to npf.io themes and add social stuffs	2018-01-21 18:09:55 +07:00
README.md	fixes image links in README	2018-07-23 12:22:42 +10:00
theme.toml	revises theme config	2018-07-22 21:34:33 +10:00

README.md

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

Post

Portfolio

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.