GitHub is a Git repository hosting service, but also there many of its own features. While Git is a command line tool, GitHub provides a Web-based graphical interface. It also provides access control and several collaboration features, such as a wikis and basic task management tools for every project.
You can use copying a repository from one user account to another by forking. This enables you to take a project that you don't have write access to and modify it under your own account. If you make changes you'd like to share, you can also send a notification called a “pull request to the original owner. That user can then, with a click of a button, merge the changes found in your repo with the original repo.
Also There many features are available but today we will learn that how to host HTML, CSS, JavaScript and other statics files using GitHub, if you are using blogger platform then sometimes you need host javascript files but blogger have no option nu host files such like html, css, javascripts. In the internet you can find many free hosting service, also i published many articles on how to host files for free with unlimited bandwidth, as recently i published article about how to host HTML, CSS, JavaScript files with Google Drive, Google Drive is also great tool for hosting any type of files for free with unlimited bandwidth. you can read here full article here :
I used Google Code when i was at blogger blogspot platform, but now I really hate Google Code because one day they removed my all codes and files without any notice then my all blogger widgets are stopped to working, and i got many complains from my readers, and after that i found GitHub.com where hosted my all files on it and as my experience GitHub is best website for hosting html, css, javascripts type‚ files for blogger‚ there is also some hard method to host files but I found the simple way to host files with GitHub.
So let’s start to know that how to host files on Github easily.
Create new space where your files and commit will stored, it’s called repository so after clicking on sign up button you will automatically redirect to new page there you will see option for creating new repository. for more detail see the screenshot below.
Create new repositoryas you seen it to above image Hit on “New Repository” button then you will redirect to new page then fill some required fields to create a new repository for more detail see in to screenshot below.
Now we need to create a simple page, this is important after that you will able to host files, so go to settings and scroll down there you will see the “Automatic Page Generator” button” then click on it and create a page, by fill some required fields also do not forget to add your Google analytics tracking ID for track the visitors and show real time status.
Now go to repository and create a README.md file and after that you will able to host HTML, CSS, JavaScript files as well, so now whenever you want to host HTML file then you can create new files directly on GitHub in any of your repositories. You now see a “New File” icon next to the breadcrumb whenever you viewing a folder tree listing:
Clicking this icon opens a new file editor right in your browser, then give the file name with .html, .css or as you want to host for more detail see in screenshot below.
Finally click on commit button now your file is successfully hosted , so now right click on your filename and copy link location.
So now your file link will look like this:
https://github.com/username/repository-name/blob/master/filename.html‚
then just Change it to :
http://username.github.com/repository-name/filename.html‚
Now your file is ready to share anywhere, or use it for your blog, you can upload CSS, JavaScript and other file by this same method if you have any problem while process then feel free to comment below i’ll help out you. or you can also read more about GitHub here : http://gitscm.com/
You can use copying a repository from one user account to another by forking. This enables you to take a project that you don't have write access to and modify it under your own account. If you make changes you'd like to share, you can also send a notification called a “pull request to the original owner. That user can then, with a click of a button, merge the changes found in your repo with the original repo.
Also There many features are available but today we will learn that how to host HTML, CSS, JavaScript and other statics files using GitHub, if you are using blogger platform then sometimes you need host javascript files but blogger have no option nu host files such like html, css, javascripts. In the internet you can find many free hosting service, also i published many articles on how to host files for free with unlimited bandwidth, as recently i published article about how to host HTML, CSS, JavaScript files with Google Drive, Google Drive is also great tool for hosting any type of files for free with unlimited bandwidth. you can read here full article here :
I used Google Code when i was at blogger blogspot platform, but now I really hate Google Code because one day they removed my all codes and files without any notice then my all blogger widgets are stopped to working, and i got many complains from my readers, and after that i found GitHub.com where hosted my all files on it and as my experience GitHub is best website for hosting html, css, javascripts type‚ files for blogger‚ there is also some hard method to host files but I found the simple way to host files with GitHub.
So let’s start to know that how to host files on Github easily.
How to Host HTML, CSS, Javascript files in GitHub
Simply go to GitHub.com and signup by filling some requested information like username, E-mail ID, password.![]() |
Github Home Page |
Create new space where your files and commit will stored, it’s called repository so after clicking on sign up button you will automatically redirect to new page there you will see option for creating new repository. for more detail see the screenshot below.
![]() |
Create New Repository |
Create new repositoryas you seen it to above image Hit on “New Repository” button then you will redirect to new page then fill some required fields to create a new repository for more detail see in to screenshot below.
![]() |
Create New Repositry |
Now we need to create a simple page, this is important after that you will able to host files, so go to settings and scroll down there you will see the “Automatic Page Generator” button” then click on it and create a page, by fill some required fields also do not forget to add your Google analytics tracking ID for track the visitors and show real time status.
![]() |
GitHub Page Generator |
Now go to repository and create a README.md file and after that you will able to host HTML, CSS, JavaScript files as well, so now whenever you want to host HTML file then you can create new files directly on GitHub in any of your repositories. You now see a “New File” icon next to the breadcrumb whenever you viewing a folder tree listing:
![]() |
Create New File |
Clicking this icon opens a new file editor right in your browser, then give the file name with .html, .css or as you want to host for more detail see in screenshot below.
![]() |
New File Editor |
Finally click on commit button now your file is successfully hosted , so now right click on your filename and copy link location.
![]() |
Copy Link Location File |
So now your file link will look like this:
https://github.com/username/repository-name/blob/master/filename.html‚
then just Change it to :
http://username.github.com/repository-name/filename.html‚
Now your file is ready to share anywhere, or use it for your blog, you can upload CSS, JavaScript and other file by this same method if you have any problem while process then feel free to comment below i’ll help out you. or you can also read more about GitHub here : http://gitscm.com/
Your blog has given me that thing which I never expect to get from all over the websites. Nice post guys!
ReplyDeletethanks
Delete