Jak zobaczyć stronę html na github jako normalną stronę HTML, aby zobaczyć podgląd w przeglądarce, bez pobierania?

Jeśli nie chcesz pobierać archiwum, możesz użyć GitHub Pages do renderowania tego pliku.

1. rozwidlenie repozytorium na twoje konto.
2. Klonuj go lokalnie na swojej maszynie
3. Utwórz gałąź gh-pages (jeśli już istnieje, usuń ją i utwórz nową na podstawie master).
4. Przesuń gałąź z powrotem do Githuba.
5. Zobacz strony w http://username.github.io/repo`

W kodzie:

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

Możesz użyć RawGit:
https://rawgit.com/necolas/css3-social-signin-buttons/master/index.html

Działa lepiej (w momencie pisania tego tekstu) niż http://htmlpreview.github.com/, obsługujące pliki z odpowiednimi nagłówkami typu Content. Dodatkowo zapewnia również adres URL CDN do wykorzystania w produkcji.

To naprawdę łatwe do zrobienia z github pages , to po prostu trochę dziwne, gdy robisz to po raz pierwszy. Tak jak za pierwszym razem, kiedy musiałeś żonglować trzema kociakami podczas nauki robienia na drutach. (OK, nie jest aż tak źle)

Potrzebujesz gałęzi gh-pages:

Zasadniczo github.com poszukuje gałęzi gh-pages repozytorium. Będzie on obsługiwał wszystkie strony HTML, które tutaj znajdzie jako normalny HTML bezpośrednio do przeglądarki.

Jak zdobyć gałąź gh-pages?

$ git checkout --orphan gh-pages

A co z tym drugim pistoletem w moim repo, jak to do tego pasuje?

Stworzyłem gałąź, co teraz?

Musisz przesunąć tę gałąź do github.com, aby ich automatyzacja mogła zacząć działać i zacząć hostować te strony dla Ciebie.

git push -u origin gh-pages

Ale.. Mój HTML nadal nie jest obsługiwany!

To trwa kilka minut, zanim github zindeksuje te gałęzie i odpali wymaganą infrastrukturę do serwowania treści. Do 10 minuty według Githuba.

Kroki, które wychodziły przez github.com

Https://help.github.com/articles/creating-project-pages-manually

To nie jest bezpośrednia odpowiedź, ale myślę, że to całkiem słodka alternatywa.

Http://www.s3auth.com/

Pozwala na hostowanie stron za basic auth. Świetnie nadaje się do takich rzeczy, jak dokumenty api w prywatnym repo github. wystarczy Reklama S3 umieścić jako część api build.

Przeczytałem wszystkie komentarze i pomyślałem, że github utrudnia normalnemu użytkownikowi tworzenie stron Githuba, dopóki nie odwiedziłem github theme Page gdzie wyraźnie wspomniano, że istnieje sekcja "Github Pages" w Ustawieniach strony danego repo, gdzie można wybrać opcję "Użyj gałęzi master dla stron GitHub."i volla!!...checkout that specific repo on https://username.github.io/reponame

Zrzut ekranu do obsługi mojej odpowiedzi

To rozwiązanie tylko dla przeglądarki chrome. Nie jestem pewien co do innych przeglądarek.

1. Dodaj rozszerzenie "Modify Content-Type Options" w przeglądarce chrome.
2. Otwórz " Chrome-extension: / / jnfofbopfpaoeojgieggflbpcblhfhka / options.html " url w przeglądarce.
3. Dodaj regułę dla adresu URL pliku raw. Na przykład:
   • Filtr URL: https:///raw/master//fileName.html
   • Original Type: text / plain
   • Typ zamiennika: text / html
4. Otwórz przeglądarka plików, którą dodałeś url w regule(w kroku 3).

Ponadto, jeśli używasz Tampermonkey, możesz dodać skrypt, który doda przycisk preview with http://htmlpreview.github.com/ do menu akcji obok przycisków' raw',' blame 'i' history'.

Skrypt jak ten: https://gist.github.com/vaniakosmos/83ba165b288af32cf85e2cac8f02ce6d