How to create github websites

First part:
1-Create an account in Github
1-1- first, go to Github website
1-2- Click on sign up button on the top of the screen (your user name will be your website Domain so be sure to choose the right username for your account and your website name will be like this : yourusername.github.io)
alt text
1-3-you should fill in this page
alt text
1-4-click on this button (choose free)
alt text
1-5-The customize part is optional and you can skip this part as we do for this course
alt text
1-6-Then you need to verify your email address if email isn’t in your inbox please check the spam too
alt text
1-7-Click on verify email address button
alt text

second part:
Making personal website:
2-1- go to this URL like following image :
alt text
2-2- then click on fork button : alt text
2-3- if this page appears click on refresh button if not so calm down you don’t need to be worry: alt text
2-4- if you did 2-2 step right your browser page should be like this and fork button will be disabled : alt text
2-5- then go to your repositories : 1-go to this URL (put your username in this URL) alt text
2-6-if you did the previous step right your webpage should be like this : alt text
2-7- then click on your personal_website_template repository or you can go to this URL(change the URL with your username): alt text
alt text
2-8- click on setting button : alt text
2-9- if you did the previous step right you should be in this page : alt text
2-10- change your repository name to (your username.github.io) for example if my username is Ali it would be (ali.github.io) alt text
2-11- scroll down that webpage and in github pages setting change your source to master branch if that was disable and already was in master branch so you don’t need to change it: alt text
2-12- for making sure you did all the previous steps right go to your website (your username.github.io) for example if my username is ali my website domain will be (ali.github.io) and your webpage will be like following image : alt text

Third part:
3-Download Git app and presonalize your website:
3-1- go to this website (https://git-scm.com/downloads) or click on this URL then your webpage should be like this : alt text
3-2- the click on the buttons based on your OS e.g. my OS is Windows10(64 bit) so I click on windows button like following images : alt text
3-3- Then download will automatically start if no do the following steps (2-4 and 2-5) 3-4- you should go to this website (https://git-scm.com/download/win) URL like following image : alt text
3-5- Then you should click on download links depend on your OS e.g. my windows is 64 bit so I click on 64 bit like the following image and your download will start :
alt text
3-6- after you download it open git.exe and start to install the app : alt text
3-7- click on next button : alt text
3-8- again click on next button : alt text
3-9- again click on next button : alt text
3-10- again click on next button : alt text
3-11- again click on next button : alt text
3-12- again click on next button : alt text
3-13- again click on next button : alt text
3-14- again click on next button : alt text
3-15- click on install button: alt text
3-16- after install finished you should see this Pic: alt text
3-17- if you want to make sure that you installed git.exe correctly you can open CMD (3-18 and 3-19 steps):
3-18- in your windows search blank type CMD like following image : alt text
3-19- Then you should run command prompt : alt text
3-20- Type git command in CMD : alt text
3-21- your commandprompt page should change like this : alt text
3-22- go to your repositories of your account and open your personal website repository (you can use this URl but put your username instead of (your username)) URL for example if my username is ali i will go to github.com/ali/ali.github.io alt text
3-23- click on clone or download button and copy the URL : alt text
3-24- open CMD again (if you don’t know how to open CMD go to (3-18 and 3-19)) then creat a directory with this command in your (drive C) : first type : cd /d C:
alt text
then type : md dev alt text
3-18- then clone with this command in CMD : type : git clone (paste URL that you copied in 3-16 step) and then press enter key like following image : alt text
3-19- then your CMD should change like this : alt text
3-23- if your commandprompt page changed like that you did all the steps right and go the Fourth part
alt text

fourth part : 4-personalizing your website : 4-1- open visual studio code 4-2- click on file and then click on open folder or use (ctrl + o) : alt text
4-3- and then go to Dev directory that you made use this C:\dev\ and then click on select folder alt text
4-4- then your visual studio code will be like this : alt text
4-5- then click on _config.yml and lets start changes : alt text

fifth part : 5- personalizing website:: 5-1- you can change these parts with your name and etc ….. alt text
alt text
5-2- you can change your website’s CV and other parts too: alt text

2022

Let’s listen to music together

less than 1 minute read

Suggestions are highly appreciated I’m a big fan of music, and sure many of you are too. not looking for anything specific, just something that you like a...

Back to top ↑

2019

How to create github websites

4 minute read

First part: 1-Create an account in Github 1-1- first, go to Github website 1-2- Click on sign up button on the top of the screen (your user name wil...

Back to top ↑