Basic steps for hosting on Github

hosting-on-github.md

Hey there, apparently people are still using this Gist from 2013! It's out of date! Consult the Github docs.

Steps for Hosting a Website on GitHub

1. Create a GitHub account on github.com.
2. Download either GitHub for Mac or GitHub for Windows, depending on your operating system. Open the app and log in using the account you just created.
3. (On Mac): After you login, click advanced and make sure that your name and email are correct. Then, click "Install Command Line Tools", just in case you want to start using the command line later in life.
4. Create a new repository in your GitHub application. Name it your-username.github.io. The name is very important. Note the folder that GitHub is saving the repository to. Make sure the "Push to GitHub?" box is checked.
5. Move your website's files into the folder that GitHub just created when you made the repository. IMPORTANT: Your homepage HTML file must be called "index.html", and it must exist in the top-level directory.
6. Back in the GitHub application, you should see your files in the left column. Make sure they are all checked. If so, enter a message in the text box called "commit summary", something like "initial commit." Then, click the commit button.
7. Click the "Publish repo" button in the top right corner.
8. Give it about 10 minutes, then check your-username.github.io. Your website should be there!

Using a custom domain name

You can just leave your website at that address (it'll give you some serious street cred in the developer world), but if you have a custom domain you would like to use, it is very simple to make GitHub redirect your page.

1. Log in to your domain registrar and find where to change your host records. If you don't know, you can usually Google "(domain registrar) change host records", and your registrar will have an explainer telling you how to do it.
2. Change your domain's A Record to 204.232.175.78. This is GitHub's IP address, which allows GitHub to resolve your URL and serve the correct files.
3. In your website's directory folder on your computer, create a file called "CNAME". On the first line, type your domain name. Save the file.
4. In your GitHub application, you should see the file in the left column. Make sure it is checked and enter your commit message. Have it say something like "Adding CNAME file."
5. Click "Sync branches."

It can take as long as 48 hours for your domain to resolve to your GitHub page. However, it is usually pretty quick, so check back in an hour or so.

Yeah Hi I try to Reply your Problem Please Wait After 3 April 2022 Then I will try to Solve the problem So Because there is my semester Exam

…

On Thu, 31 Mar, 2022, 10:43 pm Just Glorious Star(Adventurer), < ***@***.***> wrote: ***@***.**** commented on this gist. ------------------------------ Hello stop discussing. — Reply to this email directly, view it on GitHub <https://gist.github.com/6127328#gistcomment-4117148>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APO2UKSPYI3XY474F4HNAVDVCXML5ANCNFSM4HHUDYRA> . You are receiving this because you commented.Message ID: ***@***.***>

Can you share how to..

I'm currently using a mobile phone.

Sure please tell me what is the exact problem u face Pls Describe in details

…

On Sun, 24 Apr 2022, 10:59 pm icud, ***@***.***> wrote: ***@***.**** commented on this gist. ------------------------------ Can you share how to.. I'm currently using a mobile phone. — Reply to this email directly, view it on GitHub <https://gist.github.com/6127328#gistcomment-4143439>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APO2UKWZ3WEIKTMEKNMEXN3VGWAG7ANCNFSM4HHUDYRA> . You are receiving this because you commented.Message ID: ***@***.***>

I get a deprecatedipaddress error when I use that IP address in an A record under google domains. Can anyone help?

Say I want to host 2 websites and if I name both of them as [username].github.io and both html files have name index then won't we run into problems. Please someone write a comment about this issue.

For the backend part of my code to work, index.html needs to be in a subfolder instead of the root directory. Is there a way to host the website in this case?

Just create a small index on fisrst folder to redirect to your real index.html

can i host php code and its database inside

Dont Understand. crap

When I am putting my php, sql as well as css files on gihub repository and deploying it and when going to my website there on the first page when I click on any option button, it is not entering into that instead it is downloading that code file. What is the problem with it. Suggest me the solution for this problem.

how do i create an index page on github, pls. help

in your GitHub repo, create a index.html file and put some html in it.
here is a example to get started:

<head land="en">
  <head>
    <title>New page!</title>
    <meta name="viewport" content="width=device-width, ititial-scale=1.0">
  </head>
  <body>
    <h1>Very cool page</h1>
    <p>Hello world!</p>
  </body>
</html>

in your GitHub repo, create a index.html file and put some html in it.
here is a example to get started:

`

<title>New page!</title>

Very cool page

Hello world!

`

Thank you for this. it actually worked, but i have an issue, since it can only take index.html files, I have other files linked to the index.html file for my website. How do i add other files apart from index.html?

my page keep appearing 404 i have already followed everystep but still 404 what the fk is going on ??

Same here oo

this works perfectly
https://github.com/RobyRew/repo.robyrew.com

I've done this and works literally perfectly.
https://repo.robyrew.com

A bad page IK but its working -_-

Hello, I have some issues regarding the hosting, I have done exactly like the tutorial or the guide said. But when I tried to open the website, the 404 error appear.
My website: https://oktaviannikky.github.io/
My repo site: https://github.com/TryHard-777/Oktaviannikky.github.io
What might be the issues, please

My website: https://oktaviannikky.github.io/
My repo site: https://github.com/TryHard-777/Oktaviannikky.github.io

your repository has Caps your website doesn't.

My website: https://oktaviannikky.github.io/
My repo site: https://github.com/TryHard-777/Oktaviannikky.github.io

your repository has Caps your website doesn't.

Already change the caps lock (if that what u mean), but still can not connect to my website.
When I tried looking for error in the action section, there is something like this:

What should I do, Please help

How can I get the url for my repository?

How can I get the url for my repository?

if u mean ur webpage url then ur repo name is the url

but if u mean the repo link like "https://github.com/TryHard-777/Oktaviannikky.github.io"
u can just open ur repo then copy the url

Can I just make web pages without JS
Im a beginner Web developer

yes Hermon71type ***@***.***> escreveu no dia terça, 24/10/2023 à(s) 18:56:

…

***@***.**** commented on this gist. ------------------------------ Can I just make web pages without JS Im a beginner Web developer — Reply to this email directly, view it on GitHub <https://gist.github.com/TylerFisher/6127328#gistcomment-4737204> or unsubscribe <https://github.com/notifications/unsubscribe-auth/AVFNIA26SP3MFADUKFFRTJTYA7XMFBFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFQKSXMYLMOVS2I5DSOVS2I3TBNVS3W5DIOJSWCZC7OBQXE5DJMNUXAYLOORPWCY3UNF3GS5DZVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFU43DCMRXGMZDRJ3UOJUWOZ3FOKTGG4TFMF2GK> . You are receiving this email because you commented on the thread. Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub> .

Hello,

https://github.com/Mikdadali/mikdadali.github.io
this is my repository how can i open my website please someone giude me...

Thanks

apakah hanya bisa 1 website saya? bagaimana jika saya ingin membuat 2 website dengan url yang berbeda?

Hello,

https://github.com/Mikdadali/mikdadali.github.io this is my repository how can i open my website please someone giude me...

Thanks

hello @Mikdadali, copy the name of your repo and past it in any browser to view your profile. Here is the link to your potfolio

apakah hanya bisa 1 website saya? bagaimana jika saya ingin membuat 2 website dengan url yang berbeda?

Halo @totiard.
Ya, Anda boleh memiliki lebih dari satu situs (url) tetapi dengan akun yang berbeda.
Anda dapat melakukannya dengan membuat dua akun berbeda di GitHub lalu menggunakan nama pengguna.github.io untuk kedua situs (url)

Please my Laptop is using the Ubuntu operating system and getting Github to run as an application on the laptop can be a bit stressful,Please is there any other way that I can upload my work Without using the Github
application?

Yes we are a Very Different Option available You can directly approach GitHub.com Create a Account on GitHub

…

On Thu, 12 Sept 2024, 11:33 pm KoreforGod, ***@***.***> wrote: ***@***.**** commented on this gist. ------------------------------ Please my Laptop is using the Ubuntu operating system and getting Github to run as an application on the laptop can be a bit stressful,Please is there any other way that I can upload my work Without using the Github application? — Reply to this email directly, view it on GitHub <https://gist.github.com/TylerFisher/6127328#gistcomment-5188748> or unsubscribe <https://github.com/notifications/unsubscribe-auth/APO2UKUQ6W7A4KPJF5AFRKDZWHJQJBFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDUOJ2WLJDOMFWWLO3UNBZGKYLEL5YGC4TUNFRWS4DBNZ2F6YLDORUXM2LUPGBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFU43DCMRXGMZDRJ3UOJUWOZ3FOKTGG4TFMF2GK> . You are receiving this email because you commented on the thread. Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub> .