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.io` and click 'Create Repository'. Remember, in order for it to go live, you need to add `https://______.github.io` to 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.html` to 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.
Published: Sept 2024
← Back to Blog