devRes Theme | Hugo

A Hugo resume theme with a Developer focus in mind.

DEMO

To see this theme in action, Here is a live demo site which is rendered with this theme and some content for documentation.

Features

• Responsive layout.
• Light / Dark mode.
• Generate GitHub project cards automatically from a repo name.
• Automagically get the latest posts from your blog.
• Use Font Awesome or Devicons icons.
• Support Google and Plausible analytics.
• Optimized for Performance, Accessibility, Best Practices, and SEO: 90+ (out of 100) on mobile and desktop in Google PageSpeed Insights.
• CDN for all third-party libraries supported.
• Automated contact form with formspree and getform.

Getting started

If you want to use the theme in your own hugo website just clone the repo to to your themes directory or add it as a submodule.

$ git clone git@github.com:nirgn975/devRes.git themes/devRes

or

$ git submodule add git@github.com:nirgn975/devRes.git themes/devRes

And then add it to your config.toml file

theme = "devRes"

You can look at the exampleSite to check out the config.toml and the data/content.yaml for examples.

Customization

1. You can change the theme colors in the config.toml file.
2. Your resume data should be added in the data/content.yaml file.
3. Your favicons should go in an icons directory inside static. You can easily generate them with realfavicongenerator, and set theme-color and background-color in browserconfig.xml and site.webmanifest.

You can check the exampleSite directory for an example.

Want to help?

Great! All issues and pull requests are welcome.

For local development just start hugo with exampleSite as the source.

$ hugo server --source=exampleSite -v --gc