На http://github.com разработчик хранит файлы HTML, CSS, JavaScript и изображений проекта. Как я могу увидеть вывод HTML в браузере?
Например, это: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html
Когда я открываю это, он не показывает обработанный HTML-код автора. Он показывает страницу как исходный код.
Можно ли увидеть его как визуализированный HTML напрямую? В противном случае мне всегда нужно загружать весь ZIP, чтобы увидеть результат.
Самый удобный способ предварительно просмотреть HTML-файлы на GitHub - это перейти на страницу https://htmlpreview.github.io/. или просто добавьте его к исходному URL, например: https://htmlpreview.github.io/?https://github.com/bartaz/impress.js/blob/master/index.html
htmlpreview появляется ошибка 404 There isn't a GitHub Page here.
- person Alec Jacobson; 25.02.2014
http://htmlpreview.github.com/?, а не только htmlpreview.
- person Alec Jacobson; 25.02.2014
Error: Cannot load file
- person Erik Trautman; 20.08.2014
http://htmlpreview.github.io/?https://github.com/Startouf/IBDV/blob/master/Site/index.html Не будет отображать мою анимацию WebGL!
- person Cyril Duchon-Doris; 19.04.2015
<head>, приводит к неправильной кодировке.
- person Ondra Žižka; 30.03.2016
pages.. Но не волнуйтесь, страница конфигурации предоставит вам правильный URL-адрес после того, как вы его включили
- person Aaron McDaid; 02.01.2019
Если вы не хотите загружать архив, вы можете использовать GitHub Pages для его визуализации.
gh-pages (если она уже существует, удалите ее и создайте новую на основе master).http:// username .github.io/ repo `В коде:
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
checkout --orphan gh-pages только, протолкнуть это, вообще не связываясь с мастером?
- person denis; 07.03.2013
Вы можете использовать RawGit:
https://rawgit.com/necolas/css3-social-signin-buttons/master/index.html
Он работает лучше (на момент написания этой статьи), чем http://htmlpreview.github.com/, обслуживая файлы с правильными заголовками Content-Type. Кроме того, он также предоставляет URL-адрес CDN для использования в производстве.
Это действительно легко сделать с страницами github, это просто немного странно в первый раз. Сорта, как в первый раз, когда вам пришлось жонглировать 3 котятами, пока вы учились вязать. (Хорошо, не все так плохо)
Вам нужна ветка gh-pages:
В основном github.com ищет ветку репозитория gh-pages. Он будет обслуживать все найденные здесь HTML-страницы как обычный HTML-код непосредственно в браузере.
Как мне получить эту ветку gh-pages?
Легкий. Просто создайте ветку репозитория на github под названием gh-pages. Укажите --orphan при создании этой ветки, поскольку на самом деле вы не хотите объединять эту ветку обратно в ветку github, вам просто нужна ветка, содержащая ваши ресурсы HTML.
$ git checkout --orphan gh-pages
А как насчет всего прочего мусора в моем репо? Как это к нему относится?
Нет, вы можете просто удалить его. И теперь это безопасно, потому что вы обратили внимание и создали сиротскую ветку, которую нельзя объединить с вашей основной веткой и удалить весь ваш код.
Я создал ветку, что теперь?
Вам нужно подтолкнуть эту ветку к github.com, чтобы их автоматизация могла сработать и начать размещать эти страницы для вас.
git push -u origin gh-pages
Но ... Мой HTML-код все еще не обслуживается!
Github требуется несколько минут, чтобы проиндексировать эти ветки и запустить необходимую инфраструктуру для обслуживания контента. До 10 минут согласно github.
Шаги, изложенные на github.com
https://help.github.com/articles/creating-project-pages-manually
$ git commit -m 'init' между вашими строками.
- person systemaddict; 22.06.2016
Я прочитал все комментарии и подумал, что GitHub слишком усложнил для обычного пользователя создание страниц GitHub, пока я не посетил Страница темы GitHub, где четко упоминается, что есть раздел" Страницы GitHub "на странице настроек соответствующее репо, где вы можете выбрать вариант «использовать главную ветку для страниц GitHub». и вуаля !! ... проверить это конкретное репо на https://username.github.io/reponame
Кроме того, если вы используете Tampermonkey, вы можете добавить скрипт, который добавит кнопку preview with http://htmlpreview.github.com/ в меню действий рядом с кнопками «сырые», «обвинить» и «история».
Скрипт, подобный этому: https://gist.github.com/vanyakosmos/83ba165b288caf328cf85e2
Это не прямой ответ, но я думаю, что это довольно приятная альтернатива.
Это позволяет размещать ваши страницы за базовой аутентификацией. Отлично подходит для таких вещей, как api docs в вашем частном репозитории github. просто добавьте s3 как часть сборки api.
Я нашел другой способ:
Протестировано в Firefox, но должно работать и в других браузерах.
возможно, вы можете получить свой общедоступный URL-адрес, например
https://**<username>**.github.io/**<repository>**/index.html
поэтому результат будет таким: http://necolas.github.io/css3-social-signin-buttons/index.html.
если вы настроили страницы GitHub
Вы можете просто включить Github Pages. ^ _ ^
Щелкните «Настройки», затем перейдите на «Страницы GitHub», щелкните раскрывающийся список под «Источник» и выберите ветку, которую вы хотите опубликовать (где находится основной файл HTML) aaaand vualaa. ^ _ ^
