Hugo Themes

Prev/Next: All Themes

Jughead

Jughead is a portfolio and blog theme for Hugo. The philosophy of Jughead is to keep things simple, useful, and fast. Jughead is responsive and loads quickly on all devices.

Download
Jughead

Jughead - Portfolio & Blog Theme for Hugo

logo

Jughead is a simple and powerful portfolio and blog theme for Hugo. Its responsive and loads fast on all devices. It supports comments, diagrams, and math formulae.

Demo

Check out the demo site here: https://ananthb.github.io/jughead. Source code for the demo site is available in https://github.com/ananthb/jughead/tree/main/exampleSite.

Screenshots

Home Home Dark Typography Typography Dark Mobile Mobile Dark

Features

  • [JSON Resume] support.
  • Comments powered by giscus.
  • MermaidJS diagrams.
  • KaTeX for rendering math formulae.
  • Reading time indicators.

Installation

Add jughead to your hugo config files in the modules section.

[module]
[[module.imports]]
path = "github.com/ananthb/jughead"

For more information read the official setup guide.

JSON Resume

Render your JSON resume by configuring your unique JSON Resume Registry slug in the params section of your site configuration file.

You will need to sign up with JSON Resume Registry using your GitHub account. As on date, your unique slug is your GitHub username.

...
[params]
jsonResumeRegistrySlug = "your-github-username"

This will add a basic portfolio section from your resume to your site’s homepage.

You can also render your resume in any page in your site by creating a new empty page and setting its layout to resume in frontmatter.

+++
layout = "resume"
date = "2025-01-01"
+++

Write Posts

Use hugo new posts/my-first-post.md to create a new post. Edit the frontmatter and write your post in markdown.

Toggle MermaidJS and KaTeX support in your post frontmatter. Set mermaid to true to enable MermaidJS support, and katex to true to enable KaTeX support.

---
title: Diagrams & Equations
mermaid: true
katex: true
---

Sample Config File 

baseURL = "https://ananthb.github.io/jughead/"
languageCode = "en"
title = "Jughead"
copyright = "© Your Name Here"
paginate = 10
enableGitInfo = true

# Code Highlight
pygmentsstyle = "monokai"
pygmentscodefences = true
pygmentscodefencesguesssyntax = true

[params]
# Add a logo to your site by placing an image in the assets directory
# and setting the path here. Preferably a square png image.
logo = "images/logo.png"
# Choose a colour scheme from one of the Pico CSS colurs.
colourScheme = "blue"
# Add a subtitle on the home page.
subtitle = "Minimal and Clean [blog theme for Hugo](https://github.com/ananthb/jughead)"

siteRepo = "your-github-org/your-site-repo"

# Comments
# Get these values by filling out the form on https://giscus.app
[params.giscus]
repo = "your-github-org/your-comments-repo"
repoID = "your-github-repo-id"
category = "your-announcement-category"
categoryID = "your-announcement-category-id"
...

# Social Tags
[[params.social]]
name = "GitHub"
icon = "github"
url = "https://github.com/ananthb/jughead"

[[params.social]]
name = "Twitter"
icon = "twitter"
url = "https://twitter.com/your-name-here/"

[[params.social]]
name = "GitLab"
icon = "gitlab"
url = "https://gitlab.com/ananthb/"

# Main menu Items
[[menu.main]]
name = "Blog"
url = "/blog"
weight = 1

License

Fork of archie.

Jughead is available under the terms of the MIT License.

See also