Skip to content

tarrex/hugo-theme-online-resume

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

online-resume

GitHub License GitHub forks GitHub Repo stars Demo Website

A minimalist Hugo theme for your resume.


Live Demo

👉 online-resume 👈

Getting Started

Online-Resume is a Hugo theme designed for creating resumes. It enables you to write your resume in YAML file using Markdown and manage it through Git. It can be displayed on a web page and printed as a PDF file directly from the browser.

You can deploy it on various platforms that support Hugo or static files, such as GitHub Pages, Cloudflare Pages, Vercel, Netlify, your own hosting service, and others.

Features:

  • User-friendly and easy to deploy.
  • Built with Hugo and Markdown.
  • Supports multiple languages.
  • Customizable theme color and basic styles.
  • Modular content design.
  • Responsive display.

Usage

Quickly

  • Create new hugo site and add the theme through git submodule.
    • hugo new site resume
    • cd resume && git init
    • git submodule add git@github.com:tarrex/hugo-theme-online-resume.git themes/online-resume
  • Copy config.yml and data.yml files.
    • cp themes/online-resume/exampleSite/config.yml .
    • cp themes/online-resume/exampleSite/data/data.yml ./data
  • Edit data/data.yml file directly to update your resume.
  • Run hugo server and open in browser to preview the resume.

Customization

  • data/data.yml: Edit the resume content.
  • static/images/profile.png: Your profile photo.
  • config.yml: Website and theme style settings.

FAQ

How to change the order of the sections in the resume?

There is an order option in each section, you can adjust the order by modifying this, the smaller the value the more forward the position.

How to hide the specified section in the resume?

If there is no content you want to keep in the section, you can remove it directly. If you want to keep the content, you can set the value of the show option of the section to false.

How to create a resume in other languages?

For example, if you already have an English version resume and you want to create a Chinese version.

  • Copy a data.yml file in the data folder named cn.yml and edit the content.
  • Create layouts/page directories through mkdir -p layouts/page.
  • Copy index.html file in the theme layouts directory to above directory cp themes/online-resume/layouts/index.html layouts/page/cn.html
  • Change the {{- partial "common.html" (dict "Site" .Site "data" .Site.Data.data) }} in the cn.html to {{- partial "common.html" (dict "Site" .Site "data" .Site.Data.cn) }}.
  • Create content directory in root directory and create a markdown file named cn.md, add fromt matter layout: cn in cn.md.
  • Run hugo server and you can preview the Chinese version of your resume by visiting https://YOUR_RESUME_URL/cn.

How to deploy on other platforms, like cloudflare, vercel?

You can read and follow Cloudflare Pages, Vercel documents.

Others