Code Monkey home page Code Monkey logo

hugo-theme-online-resume's Introduction

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 [email protected]: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
  • Rename index.html to cn.html and 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

hugo-theme-online-resume's People

Contributors

tarrex avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.