cloned from https://github.com/htr3n/hyde-hyde
archetypes | ||
exampleSite | ||
images | ||
layouts | ||
static | ||
CHANGELOG.md | ||
LICENSE.md | ||
README.md | ||
theme.toml |
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
andlayouts/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
Hugo's Hyde Ported by Steve Francia
Color Theme Inspired By
License
Open sourced under the MIT license.