Blog Post
Create Your Personal Webpage with GitHub 🌐
✔ GitHub Setup:
- If you're new to GitHub, first create an account and complete your profile.
- On your GitHub profile, click 'Repositories' (it'll be empty if you're new).
- Hit the green 'New' button to start a new repository.
- Name your repository
username.github.ioand click 'Create Repository'. Remember, in order for it to go live, you need to addhttps://______.github.ioto your repository name. Note that "username" needs to be your GitHub username! - Under 'Quick setup', click 'uploading an existing file' to add files.
✔ Creating Webpage Content:
- In your preferred editor, like VS Code, open your project folder and add a new file named
index.htmlto the file tree. - Insert the HTML boilerplate. Customize the
<title>tag with your name. Add different elements within the<body>tag like: - Images:
<img> - Titles of different sizes:
<h1>through<h6> - A small write-up about yourself using the paragraph tag
<p> - Bullet facts using unordered lists:
<ul>with each list item<li>. - Save the file!
✔ Linking VS Code with GitHub:
- Drag your files into the GitHub repository box if you’re not set up to push through the terminal.
- Click ‘Commit changes’ after uploading.
🎉 Congrats! Your website is now live at https://username.github.io! To make it more dynamic and visually appealing, you can add JavaScript and CSS.