2.8 KiB
2.8 KiB
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.htmlandlayouts/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-hydeessentially 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/layoutsare 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.