Creating a Great Online Resume using GitHub

Creating a Great Online Resume using GitHub
Photo by Markus Winkler / Unsplash

1 Introduction

We have previously introduced many cool features of GitHub. To better understand the content of this article, it is recommended to read previous articles to review the basic knowledge of GitHub operations:

In this article, we will introduce how to use GitHub to create an online resume and build a website that everyone can access to showcase oneself.

2 Creating an Online Resume

2.1 Downloading Example Code

This example uses a Bootstrap template, please go to BulletTech's official GitHub account and find the [Resume repository](https://github.com/BulletTech2021/Resume 'BulletTech's Resume Example Code') to download the example code.

BulletTech's Resume Repository

The code that needs to be modified exists in /home/index.html:

Homepage Source Code

2.2 Modifying Example Code

After downloading the source code, double-click index.html to preview it in real-time. Use ctrl/command+F to find and modify the corresponding elements in comparison with the webpage content. The webpage will display the latest content after refreshing. You can also modify the CSS (home/css/styles.css) and other components for deep customization.

Previewing the Resume on Local Machine

2.3 Publishing the Resume

Create your own GitHub repository and submit the modified code to your repository. Check the website to ensure that the complete code is uploaded. Then activate the GitHub Pages feature. By default, select root under the master/main branch. Click on the corresponding URL to access your own resume.

Setting Up GitHub Pages

3 Conclusion

We have added another little trick to the use of GitHub. You are welcome to use the above steps to create your own online resume. BulletTech's example resume can be accessed at https://bullettech2021.github.io/Resume/home/.

Hope this sharing is helpful to you. Welcome to leave a message in the comments area for discussion!