DEV Community

Cover image for How to Create a Sample Resume and Deploy it on GitHub Pages
Kosisochukwu Ugochukwu
Kosisochukwu Ugochukwu

Posted on

How to Create a Sample Resume and Deploy it on GitHub Pages

Introduction
Creating and hosting a resume on GitHub Pages is an excellent approach to demonstrating your expertise in web development and version control. Follow these step-by-step instructions to generate a simple HTML resume and deploy it to GitHub Pages.

Step 1: Create a Sample Resume
Choose a Format:

  • Decide whether you want to create your resume in HTML, Markdown, or a plain text file.
  • For this guide, we will use HTML for a simple and visually appealing resume.

Write Your Resume in HTML:

  • Open a text editor (e.g., VS Code, or Notepad++).
  • Create a file named index.html and add the following sample code

index.html

Save the File:

  • Save the file as index.html in a folder named resume-project.

Step 2: Create a GitHub Repository

  • Go to GitHub and sign in to your account.

GitHub

  • Click on the + icon in the top-right corner and select New repository on the dropdown.

+ icon

  • Enter a repository name (e.g., gitlesson-resume).
  • Choose Public repository.
  • Check the box to Add a README file.

README file

  • Click Create repository.

Create repository

Step 3: Set Up Your Resume Locally and Push to GitHub
Install Gitbash:

  • If you don’t have Gitbash installed, download and install it from https://git-scm.com/downloads and choose either for macOS, windows, or Linux

git-scm.com/downloads

  • After the download, install and click on finish to Open the terminal

install and click

  • Run these command git config --global user.name to register/configure the user and the email

command

  • To confirm if the command has successfully been listed: Run the command git config --list

confirm if the command

  • Create a directory for the repository: Run the command mk dir "name of directory"

Create a directory

  • Navigate to the directory: Run the command cd "name of directory"

Navigate to the directory

  • Initialize a Git repository: Run the command git init

Initialize a Git repository

  • Create an index.html file: Run the command touch index.html

index.html file

  • Launch the file on index.html, run the command vim index.html

vim index.html

  • copy and paste the resume on html format from your vscode

html format

  • To save and quit vim at the same time, Run the command :wq and press Enter.

save and quit vim

Step 4: Connect to GitHub

  • Go to Github click on code drop down and copy the HTTPS url link and run it with the command git remote add origin

git remote add origin

  • Add your index.html file by running the command git add index.html

index.html

  • Commit the changes, run the command git commit -m "commit"

git commit -m

github.com/your

  • A prompt will show on your screen to sign into your Github

Step 5: Deploy to GitHub Pages

  • Go to your repository on GitHub.
  • Click on Settings.
  • In the left sidebar, select Pages.
  • Under Branch, select main and click Save.

Select main and click Save.

  • Wait a few minutes for GitHub Pages to deploy your site.
  • Your resume will be available at Your site is live at ...

Your site is live at

Conclusion
By following these steps, you can successfully create and host a professional resume on GitHub Pages. 🚀

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay