Skip to content

byanko55/jekyll-professional-resume

Repository files navigation

CI License: MIT Jekyll Jekyll Jekyll Themes Shield

🎓 - Jekyll Professional Resume

A simple and modern resume template, best fit for either Academic CV (Curriculum Vitae) or Engineer Portfolio.

Live demo is available here.

demo

Setup

Fork this repository or download the source as a zip.

Rename your repository as USERNAME.github.io or anything else.

If you choose the former, then your URL will be https://USERNAME.github.io/.

Otherwise (let's say myresume), you need to edit the 'baseurl' parameter in _config.yml. In this case, the resume page will be served to "https://USERNAME.github.io/myresume/".

# set baseurl as "/<repo-name>". ex) baseurl: /myresume
baseurl: myresume/

Update Profile

In _config.yml, you can modify personal info such as your photo, phone number, email, and other social accounts.

profile_img: assets/img/profile.webp
icon_img: assets/img/icon.webp

name: "Your Name Here"
job: "〈Your Job Here〉"

phone_number: 012-345-6789
address: City, Country
email: email@example.com
linkedin_username: linkedin
github_username: github
...

Create a Topic

All resume information should be placed in a directory named '_data'. You may need to manage personal data in separate groups, making a Yaml (.yml) file for each subject.

._data
├── SUBJECT1.yml
├── SUBJECT2.yml
├── SUBJECT3.yml
...

For instance,

._data
├── Awards.yml
├── Education.yml
├── Experience.yml
├── Languages.yml
├── Projects.yml
├── Publications.yml
├── Skills.yml

Fill your infomation

Open the Yaml file which you created right before. Add the following materials inside of the file.

  • subject: title of a subject
  • listing-order: determines the display order (from top to bottom)
  • icon: representative icon to be displayed (pick out from resources/svgs)
  • contents: The details of each item, listed in KEY-VALUE pairs
subject:
listing-order:
icon:
contents:
  - title: ITEM 1
    KEY: VALUE
    KEY: VALUE
    ...
  - title: ITEM 2
    KEY: VALUE
    ...

For a better understanding, see the example below.

subject: Education
listing-order: 1
icon: "/assets/img/graduation-cap.svg"
contents:
  - title: Stanfort University, MA in Computer Science
    description:
      - Development of algorithms for tracking the facial expressions
      - Optimizing parameter efficient fine tuning for fairness
    grade: "**GPA**: `4.1/4.3`"
    date: Mar. 2014 - Feb. 2016
  ...

The rendered output looks like this:

example1

See also the advanced example.

Important: You can use markdown syntax to apply text bold, italic, and underlined effects or create HTML elements (including image, links, span, etc.)!

subject: Projects
listing-order: 3
icon: "/assets/img/clipboard-list.svg"
contents:
  - title: "ChatPPT ([https://chat.opena1.com/](https://chat.openai.com/))"
    description: 
      - Chatbot developed based on a large language model
      - Designed Generative algorithm to generate novel human-like content
      - "Technology Used: Rust, Typescript, Python, Ruby"
    image: "![](https://i.ibb.co/hX2wYLB/231321.webp)"
  ...

example

Build from Gem package

If you don't like the above setup option (clone/fork the original github repo), then you can also build your site by installing the gem package remotely. Read this altenative guide.

Customizing

Change Color Palette

Wanna pick another color? You can edit the base theme palette in assets/css/style.scss.

:root {
    --color-background: #fffdfb;
    --theme1-light: #F6D8CB;
    --theme1-medium: #D0A694;
    --theme1-dim: #B07D67;
    --theme1-dark: #8A5843;
    --theme2-light: #B1B1C2;
    ...

}

Site Shortcut Icon

To replace the shortcut icon displayed on browser tab, modify icon_img field in _config.yml. shortcut

icon_img: "<IMAGE URL/PATH>"

Contribution

If you would like to report a bug or request a new feature, please open an issue We are open to any kind of feedback or collaboration.

License

© 2024 Yankos. This theme is available as open source under the terms of the MIT License.