Jughead is a simple and powerful portfolio and blog theme for Hugo. It features a Resume page, Giscus comments, Mermaid diagrams, and KaTeX formulae.
- JSON Resume support.
- Comments powered by giscus.
- MermaidJS diagrams.
- KaTeX for rendering math formulae.
- Reading time indicators.
- Offline caching with a service worker.
- Pico CSS colour schemes.
- i18n support. Translations welcomed!
Add jughead to your hugo config files in the modules section.
[module]
[[module.imports]]
path = "github.com/ananthb/jughead"Copy the hugo.toml configuration file from ./exampleSite.
Edit parameters as needed.
Render your JSON resume by configuring your unique
JSON Resume Registry slug in the
params section of your site configuration file.
The slug is the string that appears after registry.jsonresume.org/ in your
resume's URL.
qr enables a QR code for your resume.
[params]
[params.jsonResume]
slug = "your-github-username"
qr = trueYou can also render a local resume.json file by placing it in the
data directory of your site.
The local resume.json file will take precedence over the JSON Resume Registry.
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"
+++Use hugo new posts/my-first-post.md to create a new post.
Edit the frontmatter and write your post in markdown.
Add a featured category to your post to feature it on the homepage
and blog page.
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
+++MermaidJS and KaTeX are JavaScript heavy. Enable them when necessary.
Fork of archie.
Jughead is available under the terms of the MIT License.