En http://github.com El desarrollador conserva los archivos HTML, CSS, JavaScript e imágenes del proyecto. ¿Cómo puedo ver la salida HTML en el navegador?
Por ejemplo esto: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html
Cuando abro esto no muestra el HTML renderizado del código de autor. Muestra la página como código fuente.
¿Es posible verlo como HTML renderizado directamente? De lo contrario, siempre tengo que descargar todo el ZIP sólo para ver el resultado.
La forma más cómoda de previsualizar los archivos HTML en GitHub es ir a https://htmlpreview.github.io/ o simplemente añadirlo a la URL original, por ejemplo https://htmlpreview.github.io/?https://github.com/bartaz/impress.JS/blob/master/index.html
@Denis: ¿Qué navegador y qué URL estás utilizando? Por ahora, sólo es compatible con los navegadores Webkit y Gecko.
@Denis: Lo siento, Firefox 3.6 es demasiado antiguo para ser soportado. Dicho esto, puedes abrir Firebug cualquier intento de depuración, si estás decidido.
¿Alguna idea de cómo hacer esto en un repo privado? No quiero pegar mi URL privada con token en esa herramienta.
Si no quieres descargar un archivo, puedes utilizar Páginas de GitHub para hacer esto.
gh-pages (si ya existe una, elimínela y cree una nueva basada en master ).http://username.github.io/repo `En código:
git clone git@github.com: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
Puede utilizar 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/ Servir los archivos con las cabeceras Content-Type adecuadas. Además, también proporciona la URL de la CDN para su uso en producción.
En realidad funciona más rápido, y con Bokeh ( Por ejemplo ), muestra algunas de las interacciones (por ejemplo, los tooltips) que no funcionan con htmlpreview.
Al igual que htmlpreview, no funciona con repositorios privados. Git hace que las URLs para estos sean como las URLs públicas añadiendo ?token=<hash>, pero estas herramientas deberían entenderlo y pasarlo a GH junto con el resto.
Es muy fácil de hacer con páginas de github Es un poco raro la primera vez que lo haces. Algo así como la primera vez que tuviste que hacer malabares con 3 gatitos mientras aprendías a tejer. (Vale, no es tan malo)
Necesitas una rama gh-pages:
Básicamente github.com busca un gh-pages rama del repositorio. Servirá todas las páginas HTML que encuentre aquí como HTML normal directamente al navegador.
¿Cómo puedo obtener esta rama gh-pages?
Es fácil. Sólo tienes que crear una rama de tu repo de github llamada gh-pages . Especifique --orphan cuando crees esta rama, ya que en realidad no quieres fusionar esta rama con tu rama de github, sólo quieres una rama que contenga tus recursos HTML.
$ git checkout --orphan gh-pages¿Qué pasa con el resto de la basura en mi repo, cómo encaja en ella?
No, puedes seguir adelante y borrarlo. Y es seguro hacerlo ahora, porque has prestado atención y has creado una rama huérfana que no puede ser fusionada de nuevo en tu rama principal y eliminar todo tu código.
He creado la rama, ¿y ahora qué?
Tienes que subir esta rama a github.com, para que su automatización se ponga en marcha y empiece a alojar estas páginas por ti.
git push -u origin gh-pagesPero ¡Mi HTML sigue sin ser servido!
Github tarda unos minutos en indexar estas ramas y poner en marcha la infraestructura necesaria para servir 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 dificultaba demasiado la creación de páginas de GitHub para los usuarios normales, hasta que visité Página del tema en GitHub donde se menciona claramente que hay una sección de "GitHub Pages" en la página de configuración del repositorio en cuestión donde se puede elegir la opción "usar la rama maestra para GitHub Pages" y ¡voilà! https://username.github.io/reponame
Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.
5 votos
Una pregunta similar: ¿Puedo ejecutar archivos HTML directamente desde GitHub, en lugar de limitarse a ver su código fuente?
2 votos
A partir de junio de 2019, raw.githack.com parece ser la solución más conveniente (ver respuestas a pregunta vinculada a la anterior )
0 votos
Este es un hilo muy viejo pero el hecho de que esto no sea inmediatamente obvio y fácil de resolver en el sitio de github es una locura.