Donation  Momo Buy me a coffee!

How to Upload Project/Files to Your Repository on GitHub?

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.
How to host HTML, Css and JavaScript on GitHub
How to Upload Project/Files to Your Repository 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 Upload Project/Files to Your Repository 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 Example
How to Create Repository on GitHub Example

New Repository Successfully Created 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.
Example :- 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.typefile

"username" :- Your Username Name.

"example" :- Your Repository Name.

"example.typefile" :- 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 Upload Project/Files to Your Repository on GitHub. I hope this way of Upload Project/Files to Your Repository on GitHub can be very useful for you and your blog. Thank you for visiting our website.

Reference:
www.soipro.com

About the Author

Hello this is NVH Corp, I am Web Designer and Expert at SoiPro(dot)Com

Đăng nhận xét

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.