online-cv

A minimal Jekyll Theme to host your resume (CV) on GitHub with a few clicks.

3,337

6,105

3,337

View on GitHub

Top Related Projects

modern-resume-theme

2,189

A modern static resume template and theme. Powered by Jekyll and GitHub pages.

resume-template

1,912

:page_facing_up::briefcase::tophat: A simple Jekyll + GitHub Pages powered resume template.

startbootstrap-resume

2,104

A Bootstrap 4 resume/CV theme created by Start Bootstrap

Quick Overview

Online-cv is a GitHub repository that provides a simple, customizable template for creating an online resume or CV using Jekyll. It offers a clean, responsive design that can be easily personalized and hosted on GitHub Pages, making it an excellent choice for developers and professionals looking to showcase their skills and experience online.

Pros

Easy to set up and customize with minimal coding knowledge required
Responsive design that looks great on both desktop and mobile devices
Free hosting on GitHub Pages
Supports multiple language versions of your CV

Cons

Limited design options compared to more complex website builders
Requires basic knowledge of Git and GitHub for deployment and updates
May not be suitable for those seeking more advanced features or integrations

Getting Started

Fork the repository on GitHub
Edit the _config.yml file to update your personal information
Customize the content in the _data/data.yml file
Push your changes to GitHub
Enable GitHub Pages in your repository settings

Here's a sample of how to edit the _config.yml file:

title: My Resume
url: 'http://yourusername.github.io'
baseurl: '/online-cv' #change it according to your repository name

# Enable one of these styles by removing #. Style will be applied only after restarting the build or serve.
#style: styles-2
#style: styles-3
#style: styles-4
#style: styles-5
#style: styles-6

# Uncomment to use a specific theme color
#theme_color: '#3498db'

# Tracker
analytics: UA-83979019-1

To customize your CV content, edit the _data/data.yml file:

sidebar:
    about: True # set to False or comment line if you want to remove the "how to use?" in the sidebar
    education: True # set to False if you want education in main section instead of in sidebar

    # Profile information
    name: Alan Doe
    tagline: Full Stack Developer
    avatar: profile.png  #place a 100x100 picture inside /assets/images/ folder and provide the name of the file below

    # Sidebar links
    email: hello@webjeda.com
    phone: 012 345 6789
    website: blog.webjeda.com #do not add http://
    linkedin: alandoe
    github: sharu725
    gitlab:
    bitbucket:
    twitter: '@webjeda'
    stack-overflow: # Number/Username, e.g. 123456/alandoe
    codewars:
    goodreads: # Number-Username, e.g. 123456-alandoe

After making your changes, commit and push them to GitHub. Then, enable GitHub Pages in your repository settings to make your CV accessible online.

Competitor Comparisons

modern-resume-theme

2,189

A modern static resume template and theme. Powered by Jekyll and GitHub pages.

Pros of modern-resume-theme

More customizable layout options and color schemes
Built-in dark mode support
Better mobile responsiveness out of the box

Cons of modern-resume-theme

Steeper learning curve for non-technical users
Requires more setup and configuration
Less straightforward content editing process

Code Comparison

online-cv:

title: My Resume
name: Alan Doe
email: alan.doe@email.com
phone: 012-345-6789

modern-resume-theme:

# Site
repository: Git repository (optional)
favicon: Directory of your favicon (eg. images/favicon.ico)(optional)

# Content configuration version
version: 2

# Personal info
name: Your Name
title: Your job title
email: Your email address

The modern-resume-theme configuration file is more extensive and offers more customization options, but it may be overwhelming for beginners. The online-cv configuration is simpler and more straightforward, making it easier for non-technical users to get started quickly.

Both themes use Jekyll and can be easily deployed on GitHub Pages. While modern-resume-theme offers more features and customization options, online-cv provides a simpler, more accessible approach for creating an online resume or CV.

resume-template

1,912

:page_facing_up::briefcase::tophat: A simple Jekyll + GitHub Pages powered resume template.

Pros of resume-template

More customizable design with multiple color schemes and layout options
Includes a print-friendly version for easy PDF generation
Offers a more comprehensive structure for showcasing projects and skills

Cons of resume-template

Requires more setup and configuration compared to online-cv
Less mobile-friendly design out of the box
Fewer social media integration options

Code Comparison

online-cv:

# _data/data.yml
basics:
  name: John Doe
  label: Programmer
  picture: https://example.com/johndoe.jpg
  email: johndoe@email.com
  phone: (912) 555-4321
  website: https://johndoe.com

resume-template:

<!-- _layouts/resume.html -->
<header>
  <h1>{{ site.resume_name }}</h1>
  <h2>{{ site.resume_title }}</h2>
  <p>
    <a href="mailto:{{ site.resume_contact_email }}">{{ site.resume_contact_email }}</a>
    <br>{{ site.resume_contact_telephone }}
  </p>
</header>

Both templates use Jekyll and YAML for configuration, but resume-template relies more on site-wide variables, while online-cv uses a centralized data file for content management.

startbootstrap-resume

2,104

A Bootstrap 4 resume/CV theme created by Start Bootstrap

Pros of startbootstrap-resume

More polished and professional design out of the box
Includes built-in dark mode functionality
Better responsive design for mobile devices

Cons of startbootstrap-resume

Less customizable without extensive CSS modifications
Requires more setup and configuration to personalize
Heavier file size due to additional features and styling

Code Comparison

online-cv (Jekyll-based):

---
layout: resume
title: My Resume
---

# Personal Information
name: John Doe
email: john@example.com

startbootstrap-resume (HTML/CSS):

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <title>Resume - Start Bootstrap Theme</title>
        <link href="css/styles.css" rel="stylesheet" />
    </head>
    <body id="page-top">
        <!-- Navigation-->
        <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
            <!-- Navigation content -->
        </nav>
        <!-- Page content-->
        <div class="container-fluid p-0">
            <!-- About section-->
            <section class="resume-section" id="about">
                <div class="resume-section-content">
                    <h1 class="mb-0">John <span class="text-primary">Doe</span></h1>
                    <div class="subheading mb-5">123 Main St · Anytown, USA 12345 · (123) 456-7890 · <a href="mailto:name@email.com">name@email.com</a></div>
                </div>
            </section>
        </div>
    </body>
</html>

cv

9,445

Print-friendly, minimalist CV page

Pros of cv

Modern, minimalist design with a clean and professional appearance
Built with Next.js, offering better performance and SEO capabilities
Includes a dark mode feature for improved user experience

Cons of cv

Less customization options compared to online-cv
Requires more technical knowledge to set up and modify
Limited to a single-page format, which may not suit all CV styles

Code Comparison

online-cv (Jekyll):

title: My Resume
url: 'http://webjeda.com'
baseurl: '/online-cv'

cv (Next.js):

const config = {
  name: "Bartosz Jarocki",
  job: "Software Engineer",
  location: "Wrocław, Poland",
};

The code snippets show the different approaches to configuration. online-cv uses a Jekyll-based setup with YAML configuration, while cv utilizes a JavaScript object for configuration in a Next.js environment.

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Orbit

This theme is designed by Xiaoying Riley at 3rd Wave Media. Visit her website for more themes.

I have made this into a Jekyll Theme. Checkout the live demo here.

Desktop	Mobile

Installation

Fork the repository;
Go to settings and set master branch as Github Pages source;
Your new site should be ready at https://<username>.github.io/online-cv/;
Printable version of the site can be found at https://<username>.github.io/online-cv/print. Use a third party link https://pdflayer.com/, https://www.web2pdfconvert.com/ etc to get the printable PDF.

Change all the details from one place: _data/data.yml.

To preview/edit locally with docker

docker-compose up

docker-compose.yml file is used to create a container that is reachable under http://localhost:4000. Changes _data/data.yml will be visible after a while.

Local machine

Get the repo into your machine

git clone https://github.com/sharu725/online-cv.git

Install required ruby gems

bundle install

Serve the site locally

bundle exec jekyll serve

Navigate to http://localhost:4000

Skins

There are 6 color schemes available:

Blue	Turquoise	Green

Berry	Orange	Ceramic

Credits

Thanks to Nelson EstevÃ£o for all the contributions.

Thanks to t-h-e(sfrost) for all the contributions.

Check out for more themes: Jekyll Themes.

Star History

Top Related Projects

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot