Sube tu sitio web fácilmente a Internet con Github

in #spanish7 years ago

Github es una de las herramientas más importantes que se puede conseguir en internet, ya que te permite tener todos los cambios que realizas en tus proyectos organizados y bien documentados. ¿Pero sabías que también puedes utilizar Github como host para tu sitio web?

Sí, puede subir tu sitio web fácilmente a Github en tan solo 5 minutos, y es totalmente gratis.

Requisitos

  • Una cuenta en Github.
  • Un sitio web para subir.

Si no tienes una cuenta en Github, puedes crear una aquí. Una vez que hayas creado tu cuenta, empecemos!


El primer paso es Iniciar sesión con tu cuenta.

Screenshot from 2017-07-19 19-36-33.png

Una vez que hayas iniciado sesión, verás la pantalla principal de Github, y haces click en el botón verde que dice New Repository.

Screenshot from 2017-07-19 19-45-41.png

En esta nueva pantalla, vas a introducir el nombre de tu repositorio, que será el mismo de tu sitio web. Por ejemplo, mi cuenta en Github es jfuenmayor96 y quiero crear un sitio web llamado alan-turing (el nombre de repositorio no admite espacios), así que el link de mi sitio web será:

https://jfuenmayor96.github.io/alan-turing/

Asegúrate de marcar la opción de Initialize this repository with a README y luego haz click en el botón Create Repository.

Screenshot from 2017-07-19 20-02-09.png

Ahora, selecciona la opción Upload files que se encuentra en el centro de la pantalla para que selecciones los archivos que deseas subir. Puedes arrastrar y soltarlos dentro del recuadro que allí se te muestra o utilizar la opción de choose your files para seleccionarlos manualmente. El sitio web que voy a subir está conformado simplemente de un index.html y de un archivo CSS para decorar un poco la página.

Screenshot from 2017-07-19 20-05-39.png

Ahora, introduce un Commit message que describa qué es lo que estás subiendo con estos archivos. Cuando hayas terminado, haz click sobre el botón Commit changes.

Screenshot from 2017-07-19 20-07-57.png

Observarás los diferentes archivos que has subido y los mensajes de commit que has introducido. El siguiente paso es hacer click en el botón de Settings.

Screenshot from 2017-07-19 20-12-26.png

Vas a bajar la página hasta que encuentres una sección que se llama Github Pages. Allí, vas a seleccionar el menú desplegable que actualmente dice None y vas a seleccionar la opción master branch, y luego haces click en Save.

Screenshot from 2017-07-19 20-18-56.png

Si todo salió bien, debes observar que en la parte de arriba de la página aparece un mensaje que dice Github Pages source saved. Vuelve a ir a la sección de Github Pages, y verás lo siguiente:

Screenshot from 2017-07-19 20-21-50.png

Y allí estará el link del sitio web que acabas de subir.

Screenshot from 2017-07-19 20-48-44.png

Y eso fue todo! Disfruta de tu nuevo sitio web, y si tienes alguna duda, comentario o sugerencia, déjalo como un comentario y lo responderé tan pronto como lo vea.


Tips

  • Si quieres editar o actualizar tu sitio web, ve a tu Repositorio, selecciona Upload files, y selecciona los archivos que quieres actualizar, introduce un mensaje de commit y haz click sobre el botón Commit changes. Esto remplazará/actualizará el archivo anterior.
  • También puedes utilizar un link de la forma https://cuenta_en_github.github.io, es decir, sin ningún nombre de repositorio al final del link. Para lograr este resultado, tienes que crear un repositorio llamado cuenta_en_github.github.io, remplazando cuenta_en_github por tu nombre de usuario. El proceso es exactamente el mismo, de hecho, puedes crear un repositorio nuevo, o cambiarle el nombre al repositorio que acabas de crear con esta guía en la sección de Settings. Por ejemplo, mi portafolio personal está hospedado en Github en un repositorio llamado jfuenmayor96.github.io, puedes ver el resultado ingresando a https://jfuenmayor96.github.io. Para usar esta característica tienes que utilizar tu propio nombre de usuario de Github, de lo contrario, no funcionará.
  • Si creaste tu sitio web utilizando el consejo anterior, puedes hacer lo siguiente: hospedas tu sitio web principal en https://usuario_en_github.github.io y todos tus demás proyectos los hospedas en repositorios normales, como se explicó en esta guía.
  • Si lo posees, puedes utilizar tu propio dominio personalizado.
  • En caso de que te lo hayas preguntado, no se puede correr archivos php en Github Pages, solamente se permiten sitios web estáticos.
Sort:  

Congratulations @jfuenmayor96! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

Congratulations @jfuenmayor96! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the total payout received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

Coin Marketplace

STEEM 0.27
TRX 0.11
JST 0.031
BTC 67138.06
ETH 3678.23
USDT 1.00
SBD 3.73