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. ๐Ÿš€

Top comments (0)