Sube tu sitio web fácilmente a Internet con Github
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.
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.
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.
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.
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.
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.
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.
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:
Y allí estará el link del sitio web que acabas de subir.
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 llamadocuenta_en_github.github.io
, remplazandocuenta_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 llamadojfuenmayor96.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.
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
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