html - tutorial - pagina github
¿Cómo ver una página html en github como una página html renderizada normal para ver la vista previa en el navegador, sin descargar? (8)
En http://github.com developer mantenga los archivos html, csss, 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 código HTML del código del autor. Muestra la página como un código fuente.
¿Es posible ver directamente como HTML renderizado? De lo contrario, siempre necesito descargar el zipt completo para ver el resultado.
Además, si usa Tampermonkey, puede agregar una secuencia de comandos que agregará una preview with http://htmlpreview.github.com/ botón preview with http://htmlpreview.github.com/ en el menú de acciones al lado de los botones ''raw'', ''blame'' y ''history''.
Script como este: https://gist.github.com/vanyakosmos/83ba165b288af32cf85e2cac8f02ce6d
Es muy fácil hacerlo con las páginas de github , es un poco extraño la primera vez que lo haces. Sorta como la primera vez que tuviste que hacer malabares con 3 gatitos mientras aprendías a tejer. (OK, no es tan malo)
Necesitas una rama de gh-pages:
Básicamente, github.com busca una rama de gh-pages del repositorio. Servirá todas las páginas HTML que encuentre aquí como HTML normal directamente en el navegador.
¿Cómo consigo esta rama de gh-pages?
Fácil. Simplemente crea una rama de tu repositorio de github llamada gh-ramas. Especifique --orphan cuando cree esta rama, ya que en realidad no desea volver a combinar esta rama en su rama github, solo desea una rama que contenga sus recursos HTML.
$ git checkout --orphan gh-pages
¿Qué hay de todo lo demás en mi repo, cómo encaja eso?
No, solo puedes seguir adelante y borrarlo. Y es seguro hacerlo ahora, porque ha prestado atención y ha creado una sucursal huérfana que no se puede fusionar de nuevo en su sucursal principal y eliminar todo su código.
He creado la rama, ¿y ahora qué?
Debe enviar esta rama a github.com, para que su automatización pueda activarse y comenzar a alojar estas páginas por usted.
git push -u origin gh-pages
Pero .. ¡Mi HTML todavía no se está sirviendo!
Tarda unos minutos para que github indexe estas sucursales y active la infraestructura necesaria para proporcionar el contenido. Hasta 10 minutos según github.
Los pasos dispuestos por github.com
Esta no es una respuesta directa, pero creo que es una alternativa bastante dulce.
Le permite alojar sus páginas detrás de autenticación básica. Ideal para cosas como api docs en tu repositorio privado de github. Solo agrega un s3 como parte de tu compilación de API.
Esta solución solo para el navegador chrome. No estoy seguro de otro navegador.
- Agregue la extensión "Modificar las opciones de tipo de contenido" en el navegador Chrome.
- Abra "chrome-extension: //jnfofbopfpaoeojgieggflbpcblhfhka/options.html" url en el navegador.
- Agregue la regla para la url del archivo en bruto. Por ejemplo:
- Filtro de URL: https: ///raw/master//fileName.html
- Tipo de original: texto / plano
- Tipo de reemplazo: texto / html
- Abra el explorador de archivos que agregó url en la regla (en el paso 3).
La forma más cómoda de previsualizar los archivos HTML en GitHub es ir a http://htmlpreview.github.com/ o simplemente añadirlo a la URL original, es decir: http://htmlpreview.github.com/?https://github.com/bartaz/impress.js/blob/master/index.html
Leí todos los comentarios y pensé que github hacía demasiado difícil para el usuario normal crear páginas de github hasta que visité la página de 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 puede elija la opción "usar la rama maestra para las páginas de GitHub". y volla !! ... verifique ese repositorio en particular en https://username.github.io/reponame
Puedes usar rawgit.com :
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/ , que sirve archivos con encabezados de tipo de contenido adecuados. Además, también proporciona la URL de CDN para su uso en producción.
Si no desea descargar un archivo, puede usar GitHub Pages para renderizar esto.
- Bifurca el repositorio a tu cuenta.
- Clone localmente en su máquina
- Cree una rama de
gh-pages(si ya existe una, elimínela y cree una nueva basada enmaster). - Empuje la rama de nuevo a GitHub.
- Ver 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