hugo-theme-online-resume

KO | EN

gitlite — search

#python #react #ai #typescript #golang #go #deep-learning #docker #macos #java #windows #security #openai #open-source

hugo-theme-online-resume

(★ 22)

A minimalist Hugo theme for your resume.

hugo-theme-online-resume Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">online-resume</h1>

<h4 align="center">A minimalist Hugo theme for your resume.</h4>

---

## Live Demo

:point_right: [online-resume][Demo] :point_left:

## 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 `hugo.yml` and `data.yml` files.
  - `cp themes/online-resume/exampleSite/hugo.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][Cloudflare Pages], [Vercel][Vercel] documents.

## Others

- Jekyll Version: [online-resume][Other Version]

[Demo]: https://tarrex.github.io/online-resume
[Cloudflare Pages]: https://developers.cloudflare.com/pages/framework-guides/deploy-a-hugo-site/
[Vercel]: https://vercel.com/guides/deploying-hugo-with-vercel
[Other Version]: https://github.com/tarrex/online-resume

hugo-theme-online-resume

hugo-theme-online-resume Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

hugo-theme-online-resume

hugo-theme-online-resume Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README