Как увидеть html-страницу на github как обычную визуализированную html-страницу, чтобы увидеть предварительный просмотр в браузере, без загрузки?

Question

Как увидеть html-страницу на github как обычную визуализированную html-страницу, чтобы увидеть предварительный просмотр в браузере, без загрузки?

On http://github.com Разработчик сохраняет html , csss, javascript и файлы изображений проекта. Как я могу видеть вывод html в браузере?

например это https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html

когда я открываю это, он не показывает визуализированный html кода автора. он показывает страницу в качестве исходного кода.

можно ли увидеть, как отображается HTML напрямую? в противном случае я всегда нужно скачать весь zipt, чтобы просто увидеть результат

7202 8

git github html css github-pages

8 ответов:

Comments

Ничего не найдено.

niutech · Accepted Answer · 2012-09-02 08:37:29

самый удобный способ предварительного просмотра HTML-файлов на GitHub-перейти к http://htmlpreview.github.com/ или просто добавьте его к исходному URL, т. е.: http://htmlpreview.github.com/?https://github.com/bartaz/impress.js/blob/master/index.html

Ross · Accepted Answer · 2017-09-21 08:03:40

если вы не хотите загружать архив, вы можете использовать Страницы GitHub чтобы сделать это.

вилка репозитория для вашей учетной записи.

клонировать его локально на вашей машине

создать gh-pages ветка (если она уже существует, удалите ее и создайте новую на основеmaster).

нажимаем ветку на GitHub.

просмотр страниц в 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

Julien Carsique · Accepted Answer · 2015-01-16 17:08:23

вы можете использовать RawGit:
https://rawgit.com/necolas/css3-social-signin-buttons/master/index.html

Он работает лучше (на момент написания этой статьи), чем http://htmlpreview.github.com/, обслуживание файлов с соответствующими заголовками типа содержимого. Кроме того, он также предоставляет URL-адрес CDN для использования в производстве.

hendrikswan · Accepted Answer · 2014-02-09 11:13:44

это действительно легко сделать с страницы github, это просто немного странно, когда вы делаете это в первый раз. Вроде как в первый раз вам пришлось жонглировать 3 котятами, учась вязать. (Хорошо, это не так уж и плохо)

вам нужна ветка gh-pages:

в основном github.com ищет gh-страницы филиала репозитория. Он будет обслуживать все HTML-страницы, которые он находит здесь, как обычный HTML непосредственно в браузере.

как получу ли я эту ветку gh-pages?

легко. Просто создайте ветку своего репозитория github под названием GH-branches. Укажите --сирота когда вы создаете эту ветвь, поскольку вы на самом деле не хотите объединять эту ветвь обратно в свою ветвь 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

rynop · Accepted Answer · 2012-09-23 04:40:05

Это не прямой ответ, но я думаю, что это очень сладкий вариант.

http://www.s3auth.com/

Это позволяет размещать ваши страницы за основной auth. Отлично подходит для таких вещей, как api docs в вашем частном репозитории github. просто объявление s3 помещается как часть вашей сборки api.

Mukesh · Accepted Answer · 2018-06-16 18:53:52

Я прочитал все комментарии и подумал, что github слишком сложно для обычного пользователя создавать страницы github, пока я не посетил страница темы github где четко указано, что есть раздел "страницы Github" на странице настроек соответствующего РЕПО, где вы можете выбрать опцию "Использовать главную ветвь для страниц GitHub.- и волла!!...проверьте это конкретное РЕПО наhttps://username.github.io/reponame

скриншот поддержите мой ответ

Vijay · Accepted Answer · 2015-10-28 09:27:05

Это решение только для браузера Chrome. Я не уверен насчет другого браузера.

добавить расширение "изменить параметры типа контента" в браузере chrome.

открыть " chrome-extension:/ / jnfofbopfpaoeojgieggflbpcblhfhka / options.html " url в браузере.

добавьте правило для url необработанного файла. Например:

URL фильтр: https:///raw/master//fileName.HTML-код

тип оригинала: text / plain

Тип Замена : текст / html

откройте браузер файлов, который вы добавили url в правиле (в шаге 3).

Aiven · Accepted Answer · 2017-08-15 22:58:45

кроме того, если вы используете Tampermonkey, вы можете добавить скрипт, который добавит preview with http://htmlpreview.github.com/ кнопка в меню действий рядом с кнопками "raw", "вина" и "история".

скрипт, как этот: https://gist.github.com/vaniakosmos/83ba165b288af32cf85e2cac8f02ce6d