How to see an HTML page on Github as a normal rendered HTML page to see preview in browser, without downloading?

Question

On http://github.com developer keep the HTML, CSS, JavaScript and images files of the project. How can I see the HTML output in browser?

For example this: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html

When I open this it doesn't show the rendered HTML of the code of author. It shows the page as a source code.

Is it possible to see it as rendered HTML directly? Otherwise I always need to download the whole ZIP just to see the result.

Answer 1

The most comfortable way to preview HTML files on GitHub is to go to https://htmlpreview.github.io/ or just prepend it to the original URL, i.e.: https://htmlpreview.github.io/?https://github.com/bartaz/impress.js/blob/master/index.html

Answer 2

If you don't want to download an archive you can use GitHub Pages to render this.

1. Fork the repository to your account.
2. Clone it locally on your machine
3. Create a gh-pages branch (if one already exists, remove it and create a new one based off master).
4. Push the branch back to GitHub.
5. View the pages at http://username.github.io/repo`

In code:

git clone [email protected]:username/repo.git cd repo git branch gh-pages # Might need to do this first: git branch -D gh-pages git push -u origin gh-pages # Push the new branch back to github Go to http://username.github.io/repo