HugoHTMLPortfolio

hugo-resume — Hugo Portfolio Template

By eddiewebb

hugo-resume is a single-page resume theme ported from Start Bootstrap Resume to Hugo, organizing skills, experience, projects, publications, and blog content through data files and content directories.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

A single-page resume theme ported from Start Bootstrap Resume to Hugo, with left-side navigation that tracks page scrolling

02

Homepage content such as skills, experience, and education is driven by JSON data files in the data directory

03

Projects are distinguished as creations and contributions for original versus collaborative work, with additional publications and blog content directories

04

Built-in client-side /search page based on fuse.js, but the theme does not link to this page in the navigation

05

Provides an /admin endpoint with a Netlify CMS integration example, allowing Markdown to be edited and submitted like a CMS

06

Left-side navigation and section titles support multiple languages, currently offering en and fr

Template Details

hugo-resume is a theme that ports the Resume template from startbootstrap.com to Hugo. Its main body is a single-page website with left-side navigation that auto-scrolls, and it also includes project and publication pages for more detailed content. The homepage introduction is written in contents/_index.md, while simple content such as skills, experience, and education is driven by data files including data/skills.json, data/experience.json, and data/education.json. Projects are divided into two subdirectories, creations and contributions, to distinguish original work from collaborative roles; publications go in publications, and blog posts go in blog (the template does not support a posts directory). The theme includes a built-in client-side search page at /search based on fuse.js, but the theme currently does not link to it in the navigation. It also provides an /admin endpoint, which, with the Netlify CMS integration, allows authorized users to edit in a WYSIWYG manner and submit back to Markdown; this integration does not require deployment to Netlify. The left-side navigation menu and section titles support multiple languages, with the language selected via defaultContentLanguage in config.toml; currently en and fr are supported. Other information such as personal profile is configured via params in config.toml.

HugoHTMLPortfolio

Is it right for your project?

Use Cases

  • Build a personal online resume to centrally display an introduction, skills, work experience, and education
  • Organize and display personal original projects and collaborative projects with more detailed descriptions
  • List publications such as papers, talks, and articles
  • Use the Netlify CMS editing interface to maintain resume content and submit it back to Markdown

Suitable For

  • Developers or technical professionals who want to generate a static resume page with Hugo
  • Personal sites that need to organize projects, publications, and blog separately
  • People willing to maintain their resume through JSON data files and Markdown content
  • Users who need an English or French interface, or who want to extend multilingual support based on the existing languages

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    After cloning the repository, you can run in the exampleSite directory: cd exampleSite; hugo -t hugo-resume --themesDir ../.. server to view the example site

  2. 2

    Edit the homepage introduction in contents/_index.md; edit skills, experience, and education in data/skills.json, data/experience.json, and data/education.json respectively

  3. 3

    Generate projects with hugo add projects/TYPE/name-of-project.md, where TYPE is creations or contributions; place publications and blog posts in the publications and blog directories respectively; the template does not support a posts directory

  4. 4

    Other information such as personal profile is configured in params in config.toml, and can also be edited through the CMS Settings collection

  5. 5

    Multilingual support is selected via defaultContentLanguage in config.toml; currently en and fr are supported; the Netlify CMS integration is located in exampleSite/static/admin and does not require deployment to Netlify

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The /admin endpoint only allows authorized users to edit and submit Markdown with a WYSIWYG editor, and requires appropriate authorization to be configured before use.
  • The Netlify CMS integration and configuration guide are located in exampleSite/static/admin; using the CMS editing feature requires configuration according to the instructions in that directory.
  • The template does not support a posts directory; blog content must be placed in the blog directory.
  • Built-in multilingual support only includes en and fr; other languages must be extended by the user.
  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Includes an `/admin` endpoint that can allow authorized users to use a WYSIWYG editor and commit files back to markdown

Original README

This theme includes a fully working integration and guide in [exampleSite/static/admin]

Original README

**This template does not support a `posts` folder**

Original README

Current supported languages are : - `en` - `fr`

Original README
https://github.com/eddiewebb/hugo-resume/blob/master/LICENSE.mdhttps://github.com/eddiewebb/hugo-resume/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
Hugo Themes
Documentation and maintenance reference score
More documented · 96 / 100
Technologies
Hugo · HTML
Website type
Portfolio
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-09-03
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Hugo as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 65108467d50f77ede48c5b25a9be132da847198e2e2b30d6f28d2298cf43e40a

2026-10-02T15:52:23.756Z

Source file / repository
# hugo Resume

Created from [Start Bootstrap - Resume](https://startbootstrap.com/template-overviews/resume/).
This is basically a single-page website with auto-scrolling based on left-hand nav.  Dedicated project/publications pages allow more detail.  Includes a client-side search powered by fuse.js at '/search' but currently theme does not link to that anywhere.  Includes an `/admin` endpoint that can allow authorized users to use a WYSIWYG editor and commit files back to markdown, but with a Wordpress/CMS like experience.

<!-- MarkdownTOC autolink="true" -->

- [Examples](#examples)

- [Setup & Use](#setup--use)
    - [Summary](#summary)
    - [Data files](#data-files)
    - [Projects](#projects)
    - [Publications](#publications)
    - [Blog / Posts](#blog--posts)
    - [Template params](#template-params)
    - [Internationalization](#internationalization)
- [CMS Editor with Netlify CMS](#cms-editor-with-netlify-cms)
- [Credits](#credits)
    - [Contributions](#contributions)
    - [Start Bootstrap Resume](#start-bootstrap-resume)

<!-- /MarkdownTOC -->

## Examples

![About You](https://raw.githubusercontent.com/eddiewebb/hugo-resume/master/images/about.png)

![With optional Contact QR Code](https://raw.githubusercontent.com/eddiewebb/hugo-resume/master/images/qrcode.png)

![Highlight skills with dev icons](https://raw.githubusercontent.com/eddiewebb/hugo-resume/master/images/skills.png)

![List featured projects](https://raw.githubusercontent.com/eddiewebb/hugo-resume/master/images/projects.png)

![Searchable content](https://raw.githubusercontent.com/eddiewebb/hugo-resume/master/images/search.png)

See [Eddie's site](https://edwardawebb.com) for a live example.

## Setup & Use

This theme uses a combination of a custom archetype `projects` and some data files to drive content.

You can test the provided [exampleSite](exampleSite) after cloning with the command:
`cd exampleSite;hugo -t hugo-resume --themesDir ../.. server`

### Summary
Edit the main `contents/_index.md with a brief bio/summary`

### Data files
Data files are used for simple content presented on the homepage.

- [data/skills.json](https://github.com/eddiewebb/hugo-resume/blob/master/exampleSite/data/skills.json)
- [data/experience.json](https://github.com/eddiewebb/hugo-resume/blob/master/exampleSite/data/experience.json)
- [data/education.json](https://github.com/eddiewebb/hugo-resume/blob/master/exampleSite/data/education.json)


### Projects
Initially projects were in their own JSON file too, but I decided I wanted to allow more detail and custom formatting.
Projects are added to one of 2 subfolders of `creations` or `contributions`. The difference indicates your role as originator or collaborator.   Use `hugo add projects/TYPE/name-of-project.md` to leverage the proper archetype.

### Publications
Similar to projects, create them under `publications`. Include any papers, speaking engagements, articles, etc.

### Blog / Posts
Similar to posts, create them under `blog`. Include any thoughts, musings, etc.
**This template does not support a `posts` folder**

### Template params

All personal information outside the above details is captured by params in [`config.toml`](https://github.com/eddiewebb/hugo-resume/blob/master/exampleSite/config.toml), or can be edited in the "Settings" collection if using CMS.

### Internationalization

Left navigation menu and section titles handle multiple languages. Use `defaultContentLanguage` parameter un [`config.toml`](https://gohugo.io/content-management/multilingual/) to choose your language. Current supported languages are :
- `en`
- `fr`

## CMS Editor with Netlify CMS
**Does not require deployment to Netlify!**

[Netlify CMS](https://www.netlifycms.org/) is an open source project that enables CMS like experience for static site generation tools like Hugo. This theme includes a fully working integration and guide in [exampleSite/static/admin](https://github.com/eddiewebb/hugo-resume/blob/master/exampleSite/static/admin)

![CMS integration](/images/cms.png)


## Credits

This project ports the Start Bootstrap Resume theme by David Miller to support hugo.

### Contributions
The following users have made notable contributions:
- [Anthony Whitford](https://github.com/awhitford)
- [Kaushal Modi](https://github.com/kaushalmodi)
- [Julien Rouse](https://github.com/JulienRouse)

### Start Bootstrap Resume

Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.

* https://startbootstrap.com
* https://twitter.com/SBootstrap

Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/).

* http://davidmiller.io
* https://twitter.com/davidmillerskt
* https://github.com/davidtmiller

Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

hugo-PaperMod

hugo-PaperMod

A fast, clean, responsive Hugo theme for blogs and lightweight portfolios, with three layout modes (Regular, Home-Info, Profile), automatic and manual light/dark themes, Fuse.js client-side search, multilingual support, and built-in Open Graph, Twitter Cards, and Schema.org data.

Hugo · Portfolio

Congo

Congo

Congo is a minimal Hugo content theme built on Tailwind CSS 3.0, designed for blogs, portfolios, and lightweight content sites. It offers multiple homepage layouts, customizable dark mode, multilingual support including RTL, and built-in client-side search, Mermaid, Chart.js, and KaTeX.

Hugo · Blog

toha

toha

Toha is a Hugo theme for personal portfolios, featuring a minimalist, responsive design with configurable homepage sections such as about, experience timeline, and achievements gallery.

Hugo · Portfolio

hugo-profile

hugo-profile

hugo-profile is a mobile-first Hugo theme for personal portfolios and blogs, with multilingual support, light/dark themes, categories and tags, Google Analytics, Disqus comments, and Formspree contact forms.

Hugo · Portfolio

hugo-theme-introduction

hugo-theme-introduction

Introduction is a minimal Hugo theme that can be configured as a single-page site or a full site with multiple sections. Homepage sections are generated from Markdown files under content/home/, with weight sorting and optional images.

Hugo · Portfolio

hugo-theme-console

hugo-theme-console

A minimalist, responsive Hugo theme inspired by the system terminal and built on Terminal CSS. It includes blog posts, photo galleries, and custom pages, with light/dark theming and style overrides via CSS variables.

Hugo · Portfolio