Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
September 8, 2020 09:19 pm GMT

Creating a digital CV in Markdown on GitHub

In early August, I announced on Twitter that I was looking for my next role (psst - Im still looking). My tweet included a link to my digital CV and ever since Ive received a lot of questions about how I built it. So heres a short guide!

This guide is based on a Twitter thread that I saw back in 2017. Unfortunately, I cant remember who posted it but if it was you, please know that I really appreciate you!

Prerequisites:

Steps:

  1. Create a new public repository on GitHub
  2. Enable GitHub Pages for your repository
  3. Select a theme (design template) for your CV
  4. Write your CV in Markdown
  5. Enjoy
  6. Optional: Set up a custom domain
  7. Show me your CV

Create a new public repository on GitHub

Everything we need for our digital CV will live in a repository on GitHub.

To start, create a new repository without a template.

The GitHub top-level navigation. The cursor is clicking "New repository".

Choose a name (I called my cv) and include a description if you want.Make sure it's public.

This digital CV will be hosted with GitHub Pages, which requires your repository to be public.

And finally, don't initialize it with anything.

While you won't be importing an existing repository, it helps makes the process less complicated to start with a completely blank repository. You'll see why later!

The new repository's settings. Most important is that it's public and not initialized with anything.

Enable GitHub Pages for your repository

Your digital CV will be hosted with GitHub Pages. GitHub Pages allows you to host personal and project pages directly from a GitHub repository. Its great because its free and the functionality is built-in to GitHub so theres no need for an additional account or a complex build pipeline.

To enable GitHub Pages for your CV, go to your repositorys Settings page.

Repository's menu bar with a box around Settings.

Scroll until you find the GitHub Pages section. There are two subsections here: Source and Theme Chooser.

GitHub Pages section of the Settings. This will be described later in the article.

Under Source, it should say, GitHub Pages is currently disabled. You must first add content to your repository before you can publish a GitHub Pages site. Because your repository is empty, you have no branches and youre unable to select a source. Thats ok! This will be taken care of momentarily.

The subsection you want is Theme Chooser. Here, youll select a design template for your site. This will then create a gh-pages branch and publish your site with your selected theme from that branch.

All of the options are Jekyll themes. If you dont know Jekyll, thats ok. This guide will walk you through the necessary configuration. Honestly, I have no idea how Jekyll works beyond GitHub Pages templates.

Select a theme (design template) for your CV

CVs are supposed to give future employers an idea of who you are - so choose a theme that speaks to you! For this guide, well continue with the Minimal theme as an example because thats the one I use for my CV.

Theme selection page, with a focus on the Minimal theme. Below the selection bar, there is a preview of this theme.

Once you select your theme, youll be prompted to edit a new index.md file.

Markdown editor page with a new index.md file and some boilerplate content.

Before you dive into that, there are a few things that happened in the background that you should know about

  • A new gh-pages branch was created (as mentioned earlier).
  • This index.md file was created.
  • Jekyll theme was set to Minimal.

GitHub Pages confirms your theme selection by creating a file called _config.yml. By default, this file will only contain a theme field with your selection.

Heres what the _config.yml will look like if you select the "Minimal" theme:

theme: jekyll-theme-minimal

For my CV, I also added title and description fields:

theme: jekyll-theme-minimaltitle: description: Carolyn Stransky's CV

You can check out all of the configuration possibilities in the Jekyll documentation.

Write your CV in Markdown

Alright, back to the generated file. This is where all of the content for your CV will be.

First, you should rename that index.md file to README.md. This is optional, but having it as a README allows people to see your CVs content immediately when they visit your repository. This is especially useful if you decide to pin your CV repository to your GitHub profile.

If theres no index.md present, then your README will work automatically with GitHub Pages - no additional configuration required.

Then, you can write your CV

New file is now named README.md. The boilerplate content has been replaced with personal CV information.

Youll write and style your content using Markdown and then it will be rendered according to your selected theme.

For tips on how to showcase your skills effectively, Id recommend Monica Lents article: 7 software developer resume tips to help you stand out.If youre looking for inspiration on how to style your content in Markdown, you can also check out my digital CV.

Once youre satisfied, commit your changes to the gh-pages branch.

Enjoy your new digital CV

It might take a few minutes to go live - but your fresh, new, digital CV should now be available on the interweb

In most cases, your page will be hosted at the following url:

<github-username>.github.io/<repository-name>

You can always confirm that your CV is published and what the url is by navigating back to the GitHub Pages section in your repositorys settings.

If your digital CV isnt updating after pushing a commit and waiting a few minutes, try doing a hard refresh.

Optional: Set up a custom domain

Custom domains can help your CV stand out - or alternatively, use your digital CV as a personal website.

Admittedly Ive never set up a custom domain for my CV, but there are step-by-step instructions for how to do this in the GitHub documentation.

If youre not sure where to get domains, I like Namecheap.

Show me your CV

If you followed this guide and built a digital CV, Id love to see it! Tweet me a link @carolstran

Did you find this helpful or useful? If yes, please consider buying me a coffee so I can continue to write posts like this


Original Link: https://dev.to/carolstran/creating-a-digital-cv-in-markdown-on-github-1b3l

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To