hyde-hyde-hyde

hyde-hyde-hyde is a Hugo's theme inspired and derived from htr3n hyde-hyde

Changes

• Remove font awesome
• Remove Portfolio
• Use local fonts
• Remove social from sidebar
• Improved mobile sidebar
• Move copyright to bottom
• Remove comments
• Added search
• Center content
• Add better note shortcodes
• Add support for GoatCounter
• Use chroma instead of highlightjs

Usage

Installation

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

$ cd HUGO_PROJECT

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

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

After that, choose hyde-hyde-hyde as the main theme.

• config.toml

theme = "hyde-hyde-hyde"

That's all. You can render your site using hugo and see hyde-hyde-hyde in action.

Options

hyde-hyde-hyde essentially inherits most of Hyde's options. There are some extra options though

• goatcounter = "your-goatcounter-site-code": Enables GoatCounter analytics

• mermaid = true: Enable mermaid.js diagrams

  • mermaid_theme = "default" Select a mermaid.js theme
  • mermaid_align = "center" Select an alignment for diagrams

• postNavigation = true|false (default true): Setting to false will disable the navigation Previous Post/ Next Post

• relatedPosts = false|true (default false): Setting to true allows related posts. Please refer here for more details on related contents with Hugo.

• include_toc = false: Setting to false in FrontMatter will disable too short TOC data as your want.

• Search page, to use create example search page

Customizations

• Most of the customizable SCSS styles in assets/scss/hyde-hyde and Hugo templates in hyde-hyde/layouts are modularized and can be altered/adapted easily.

Posts in home page

By default hugo will show in your home page the most populated section. This means that if you have more projects than posts, by default your home page will list your projects instead of your posts. If you want to change this behaviour you can change the mainsections. For example, for the exampleSite this is how you should change the config.toml file:

[params]
    mainSections = ["posts"]

Some Screenshots

Main page

A post

Mobile

Note Shortcodes

Author(s)

• Hyde-Hyde by htr3n

• Original developed by Mark Otto

• Hugo's hyde ported by Steve Francia

License

Open sourced under the MIT license

Notes for rendering exampleSite

./hugo server --minify --source exampleSite/ --themesDir ../..