Saltar al contenido

¿Puedo ejecutar archivos HTML directamente desde GitHub, en lugar de solo ver su fuente?

Solución:

Es posible que desee utilizar raw.githack.com. Es compatible con gists de GitHub, Bitbucket, Gitlab y GitHub.

GitHub

Antes:

https://raw.githubusercontent.com/[user]/[repository]/[branch]/[filename.ext]

En tu caso .html extensión

Después:

Desarrollo (estrangulado)

https://raw.githack.com/[user]/[repository]/[branch]/[filename.ext]

Producción (CDN)

https://rawcdn.githack.com/[user]/[repository]/[branch]/[filename.ext]

En tu caso .html extensión


raw.githack.com también admite otros servicios:

Bitbucket

Antes:

https://bitbucket.org/[user]/[repository]/raw/[branch]/[filename.ext]

Después:

Desarrollo (estrangulado)

https://bb.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]

Producción (CDN)

https://bbcdn.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]

GitLab

Antes:

https://gitlab.com/[user]/[repository]/raw/[branch]/[filename.ext]

Después:

Desarrollo (estrangulado)

https://gl.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]

Producción (CDN)

https://glcdn.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]

Esencias de GitHub

Antes:

https://gist.githubusercontent.com/[user]/[gist]/raw/[revision]/[filename.ext]

Después:

Desarrollo (estrangulado)

https://gist.githack.com/[user]/[gist]/raw/[revision]/[filename.ext]

Producción (CDN)

https://gistcdn.githack.com/[user]/[gist]/raw/[revision]/[filename.ext]


Actualización: rawgit fue descontinuado

Hay una nueva herramienta llamada GitHub HTML Preview, que hace exactamente lo que quieres. Solo anteponer http://htmlpreview.github.com/? a la URL de cualquier archivo HTML, por ejemplo, http://htmlpreview.github.com/?https://github.com/twbs/bootstrap/blob/gh-pages/2.3.2/index.html

Nota: Esta herramienta es en realidad una página de github.io y no está afiliada a github como empresa.

Para aprovechar la respuesta de @ niutech, puede hacer un fragmento de marcador muy simple.
Usando Chrome, aunque funciona de manera similar con otros navegadores

  1. Haga clic con el botón derecho en la barra de marcadores
  2. Hacer clic Agregar archivo
  3. Nómbralo algo como HTML de Github
  4. Para el URL escribe javascript:top.location="http://htmlpreview.github.com/?"+document.URL
  5. Cuando estás en una página de visualización de archivos github (no raw.github.com) haga clic en el enlace del marcador y estará dorado.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *