How to host HTML, Css and JavaScript on GitHub ?


How to host HTML, Css and JavaScript on GitHub

Hello everyone, In this post I will show how to host HTML, Css and JavaScript on GitHub Pages. This post may be useful for all those friends who often create project for application or blog who need free hosting, for them github is the best solution, it is the most popular free hosting.

By registering on Github, you can directly save various files like HTML, CSS, JavaScript. With the help of github, you can convert simple github CDN to rawgit, jsdelivr and statically CDN. Buddy won't be affected by a limitation and the loading speed is good enough for blog or web-based applications.

If you want to host HTML, CSS, JavaScript and etc on Github as well as create RAW files on Github, please read to the tutorial below.


What is GitHub ?

Github is a cloud service or a web hosting site provided by GitHub itself. Github is usually used by coders to learn about the programming world, if you download a programming tutorial like sample code, we will usually redirect to the github page when you download the sample. When we want to try open source software like Instagram, Bootstrap, also when we download we will be redirected to github page, so github can be called hosting software for open source projects, git control revision system tool uses it.

So with Github we can save JavaScript or HTML code for blog or website purposes as we can save files, with Github hosting services we also allow you to create web pages for professional blogs or websites. Github itself provides several packages if we want to use the service, but Github also provides a free version, with a free account we can of course use the full features as well.


How to Create Account on Github :-

In order to primarily create a Github account, of course, you must first have an active email address. Of course on GitHub you can use any email as long as the email is active from which you can receive messages, as GitHub will verify your current Github account with the email to create the account. It is quite easy to create a GitHub account, which you can easily create. After creating a Github account, follow the steps below to create the repository.


How to host HTML, Css and JavaScript on GitHub :-

Step 1 :- First Create a New Repository and Add Repository Name Like "example" .
Step 2 :- After Select Repository Visibility "Public" .
Step 3 :- Then Tick on "Add a README.md File" .
Step 4 :- Finally, Click on "Create Repository" .

How to Create Repository on GitHub
How to Create Repository on GitHub Example

How to host HTML, Css and JavaScript on GitHub
New Repository Successfully Created on Github


Step 5 :- How to Upload or Create a New File.
  • Method 1 :- Directly, " Create a New File" and Paste Your Code Here.
  • Method 2 :- Upload Your Files Using File Manager.
How to Upload Or Add Files on GitHub Method
How to Upload Or Add Files on GitHub Method

Step 6 :- Add Your File For Example (Html, Css, JavaScript and Images) .
  • Choose Your File.
  • Your File has been Successfully Uploaded.
  • Now Click on Commit Changes.
How to Upload Or Add Files on GitHub
How to Upload Or Add Files on GitHub

Step 7 :- Finally, Your File Successfully Uploaded on Github Page.
Your File Successfully Uploaded on GitHub
Example :- Your File Successfully Uploaded on Github

Step 8 :- Now Click on "Raw" and Get Your Cdn Url.
How to Get Own GitHub Files Cdn
How to Get Own Github Files Cdn

Now your Cdn Url For Example :-

https://raw.githubusercontent.com/username/example/main/example.css

"username" :- Your Username Name.

"example" :- Your Repository Name.

"example.css" :- Your Uploaded or Created file Name.


Conclusion :-

In next post I will explain how you can get cdn of jsdelivr from cdn of githubusercontent.

In this post I have shared how to host HTML, Css and JavaScript on GitHub Pages. I hope this way of host HTML, Css and JavaScript on GitHub can be very useful for you and your blog. Thank you for visiting our website.

Refrence :
Www.SmartTechMukesh.Com

Refernce:
www.smarttechmukesh.com

Our All Posts Are Protected By DMCA. So Don't Copy Our Posts And Reproduction In Any Way Is Strictly Prohibited ! Or else Legal Actions Will Be Taken.

Hello Friends, My Name is John M Smith and Welcome To Our Website. My Passion is to Share Knowledge With Everyone. Also I am a Website Designer.

Post a Comment

Leave your opinion or any doubt about this article. Don't try to spam, our team reviews every comment.

Ad Blocker Detected

Please turn off your adBlock because only ads make us excited, Thank you !!!