Create your CV using only Markdown + (S)CSS
I was tired of updating my LaTeX CV for every job posting I wanted to send it. Even though LaTeX is great, it is more suited for academic writing. Creating complicated templates for something like a CV is tiring.
Nowadays, web technologies are much more suited for this task. HTML + CSS are very easy to use and extremely powerful for designing.
This project aims to make everything even easier by using GatsbyJS to fill in a set of different sections into a CV by just filling in Markdown and specyfing the style with SCSS.
You can check out the results in my CV.
The final aim of this application is to help in the writing of the CV, and then generating a PDF from it by printing the result into a PDF from the browser.
You can either hosting it or use it locally.
To host it locally, you only need to install GatsbyJS and run it:
sudo npm i -g gatsby
npm i
gatsby developYou will be able to see a live version of the CV that updates as you edit it by pointing your browser to http://localhost:8000.
Keep in mind, if you want to host it somewhere and it is not in the domain root,
you will have to edit the pathPrefix variable of
./gatsby-config.js with the path.
You only need to create markdown files in the ./src/content
directory, which will get picked up by the compiler.
The different sections are:
cvgen
├── Cover Letter
│ ├── header.md <- Header, shared between Cover Letter and CV
│ └── cover-letter.md <- Cover Letter body
└── CV
├── header.md <- Header, shared between Cover Letter and CV
├── profile.md <- Personal profile short text
├── experience.*.md <- Job experience, one job per file
├── education.*.md <- Degrees and courses, one per file
├── languages.md <- Spoken languages list
├── skills-tech.md <- Technical skills list
├── skills-pers.md <- Soft skills list
├── publications.md <- Publications and talks
├── extracurricular.*.md <- Extracurricular activities, one per file
├── training.md <- Training
└── interests.md <- Hobbies and personal interests
You can reorder this sections by editing the components inside <Page> in the
file ./src/pages/index.js.
Styling is done by editing the SCSS files at .src/styles. You are on your own
on this (for now).
- Generate a PDF from the command line.
- Add different styles.