How to host static webpages using GitHub using free without using custom domain

Jan 15, 20221 min read

Updated: Jan 16, 2022

Check links of documentation below.

Code for index.html:

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Test Document</title>
     <link rel="stylesheet" href="style.css">
</head>
<script src="script.js"></script>
<body onload="load();">
     <div class="conainer" id="test">Hello world</div>

     <div class="container" id="id1">1</div>
     <div class="container" id="id2">2</div>
     <div class="container" id="id3">3</div>
     <div class="container" id="id4">4</div>
     <div class="container" id="id5">5</div>
</body>
</html>

Code for style.css:

html{
     margin: 0;
     border: 0;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-size: 1.5rem;
     height: 1.2vh;
}

Code for script.js:


function load() {
document.getElementById("test").innerHTML="This is test doc by AK";
}

How to host static webpages using GitHub using free without using custom domain

Check links of documentation below.

Note:

You need to save the home page or the starting page as index.html for github to recognize.

GITHUB DOCUMENTATION:

Creating Repo: https://docs.github.com/en/get-started/quickstart/create-a-repo

Using GitHub Desktop: https://docs.github.com/en/get-started/using-github/github-desktop

GitHub Pages: https://docs.github.com/en/pages

Recent Posts

Commentaires

Privacy Policy