My personal GitHub Pages website – use this repository as a structural reference to build your own!
This repo contains the source code for my personal site at YazdanInfo.github.io. Feel free to explore the file structure, HTML, CSS, and JS to see how everything fits together for a GitHub Pages website .
Follow these steps to launch your own personal website using this repo as a template:
- Go to GitHub and create a new repository.
- Name it exactly:
YourUsername.github.io
(ReplaceYourUsernamewith your actual GitHub username. Yes, it must be.io, not.com!)
- Do NOT fork this repo directly.
- Instead, go to the Releases page of this repository.
- Download the Source code (ZIP) of the latest release.
- Extract the ZIP file on your computer.
- Copy the contents (at least the
index.html, plus any.cssand.jsfiles) into your newly createdYourUsername.github.iorepository. - You can push these files directly to the
main(ormaster) branch.
- Open
index.htmland replace my content with yours. - Add your own styles in
*.cssand logic in*.js. - Place all files in the root directory of the repository.
- Go to your repo's Settings → Pages.
- Under "Branch", select
main(ormaster) and save. - Your site will be live at
https://YourUsername.github.iowithin a few minutes.
- In the same Pages settings, enter your custom domain. (you can get a free subdomain at int.yt)
- Don't forget to update your DNS records with your provider.
- Creating a repo named
YourUsername.github.ioensures GitHub automatically hosts it. - Downloading the ZIP from Releases gives you a clean, stable version of my code without bringing over my Git history.
- Looking at my repo structure helps you understand how to organize your own static website files.
/
├── index.html # Main HTML file
├──en
└──index.html #English page
├──assets
└──avatar.png #Profile picture
├──projects
└── encoder
├──index.html
└──en
└── index.html
Found a bug or have a suggestion for my personal site? Feel free to open an Issue.
This project is open-source under the MIT License. You are free to use this code as a starting point for your own projects.
If this repository helped you understand how to set up your GitHub Pages site, please consider starring ⭐ this repo – it really motivates me!
Happy coding! 🎉
