¿Cómo ver una página HTML en Github como una página HTML renderizada normal para ver una vista previa en el navegador, sin descargarla?
En http://github.com el desarrollador guarda los archivos HTML, CSS, JavaScript e imágenes del proyecto. ¿Cómo puedo ver la salida HTML en el navegador?
Por ejemplo este: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html
Cuando abro esto, no muestra el HTML renderizado del código del autor. Muestra la página como código fuente.
¿Es posible verlo directamente como HTML renderizado? De lo contrario, siempre necesito descargar el ZIP completo sólo para ver el resultado.
La forma más cómoda de obtener una vista previa de los archivos HTML en GitHub es ir a https://htmlpreview.github.io/ o simplemente anteponerlo a la URL original, es decir: https://htmlpreview.github.io/?https:// github.com/bartaz/impress.js/blob/master/index.html
Si no desea descargar un archivo, puede usar GitHub Pages para renderizarlo.
- Bifurca el repositorio a tu cuenta.
- Clónelo localmente en su máquina
- Cree una
gh-pagesrama (si ya existe una, elimínela y cree una nueva basada enmaster). - Empuje la rama de regreso a GitHub.
- Vea las páginas en `
http://username.github.io/repo
En codigo:
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
🚩 Mensaje del creador y propietario de RawGit en https://rawgit.com :
RawGit ha llegado al final de su vida útil 8 de octubre de 2018 RawGit se encuentra ahora en una fase de extinción y pronto cerrará. Han sido cinco años divertidos, pero todo debe terminar.
Los repositorios de GitHub que ofrecieron contenido a través de RawGit durante el último mes continuarán ofreciéndose al menos hasta octubre de 2019. Las URL de otros repositorios ya no se publicarán.
Si actualmente estás usando RawGit, deja de usarlo tan pronto como puedas.
Cuando intenté usarlo, obtuve:
403 Prohibido
RawGit pronto cerrará y ya no ofrecerá nuevos repositorios. >> Visite https://rawgit.com para obtener más detalles.
Puedes usar RawGit :
https://rawgit.com/necolas/css3-social-signin-buttons/master/index.html
Funciona mejor (en el momento de escribir este artículo) que http://htmlpreview.github.com/ , entregando archivos con encabezados de tipo de contenido adecuados. Además, también proporciona una URL de CDN para su uso en producción.
Es muy fácil de hacer con páginas de github , es un poco extraño la primera vez que lo haces. Algo así como la primera vez que tuviste que hacer malabarismos con 3 gatitos mientras aprendías a tejer. (Está bien, no es tan malo)
Necesitas una rama de gh-pages:
Básicamente, github.com busca una rama gh-pages del repositorio. Servirá todas las páginas HTML que encuentre aquí como HTML normal directamente al navegador.
¿Cómo obtengo esta rama de gh-pages?
Fácil. Simplemente crea una rama de tu repositorio de github llamada gh-pages. Especifique --orphancuando cree esta rama, ya que en realidad no desea fusionar esta rama nuevamente con su rama de github, solo desea una rama que contenga sus recursos HTML.
$ git checkout --orphan gh-pages
¿Qué pasa con toda la demás basura en mi repositorio? ¿Cómo encaja eso?
No, puedes seguir adelante y eliminarlo. Y es seguro hacerlo ahora, porque ha estado prestando atención y ha creado una rama huérfana que no se puede volver a fusionar con su rama principal y eliminar todo su código.
He creado la rama, ¿y ahora qué?
Debes enviar esta rama a github.com, para que su automatización pueda activarse y comenzar a alojar estas páginas por ti.
git push -u origin gh-pages
Pero... ¡Mi HTML todavía no se publica!
Github tarda unos minutos en indexar estas ramas y activar la infraestructura necesaria para ofrecer el contenido. Hasta 10 minutos según github.
Los pasos establecidos por github.com
https://help.github.com/articles/creating-project-pages-manually
Leí todos los comentarios y pensé que GitHub hacía que fuera demasiado difícil para un usuario normal crear páginas de GitHub hasta que visité la página del tema de GitHub donde se menciona claramente que hay una sección de "Páginas de GitHub" en la página de configuración del repositorio en cuestión donde puedes elija la opción "usar la rama maestra para páginas de GitHub". ¡¡Y listo!!... revisa ese repositorio en particular en https://username.github.io/reponame
