GitHub - YazdanInfo/YazdanInfo.github.io: files for my github pages website and guide to how to make your own website using github pages · GitHub
Skip to content

Latest commit

 

History

84 Commits

Folders and files

Repository files navigation


YazdanInfo.github.io

My personal GitHub Pages website – use this repository as a structural reference to build your own!

Forks

Stars

Issues

Last Commit

Repo Size

Top Language


About

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 .


How to Create YOUR Own GitHub Pages Site

Follow these steps to launch your own personal website using this repo as a template:

1. Create your own repository

  • Go to GitHub and create a new repository.
  • Name it exactly: YourUsername.github.io
    (Replace YourUsername with your actual GitHub username. Yes, it must be .io, not .com!)

2. Get the source code

  • Do NOT fork this repo directly.
  • Instead, go to the Releases page of this repository.
  • Download the Source code (ZIP) of the latest release.

3. Upload the files

  • Extract the ZIP file on your computer.
  • Copy the contents (at least the index.html, plus any .css and .js files) into your newly created YourUsername.github.io repository.
  • You can push these files directly to the main (or master) branch.

4. Customize your website

  • Open index.html and replace my content with yours.
  • Add your own styles in *.css and logic in *.js.
  • Place all files in the root directory of the repository.

5. Activate GitHub Pages

  • Go to your repo's SettingsPages.
  • Under "Branch", select main (or master) and save.
  • Your site will be live at https://YourUsername.github.io within a few minutes.

6. Add a custom domain (optional)

  • 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.

Why this approach?

  • Creating a repo named YourUsername.github.io ensures 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.

Repository Structure (for reference)


/
├── index.html          # Main HTML file
├──en
     └──index.html      #English page
├──assets
      └──avatar.png     #Profile picture
├──projects
        └── encoder
                   ├──index.html
                   └──en
                         └── index.html



Contributing

Found a bug or have a suggestion for my personal site? Feel free to open an Issue.


License

This project is open-source under the MIT License. You are free to use this code as a starting point for your own projects.


Support Me

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! 🎉


About

files for my github pages website and guide to how to make your own website using github pages

Topics

Resources

Stars

4 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages