¿Cómo subir mi página a un enlace real? | GitHub
Tiempo de lectura:
Publicado:
Actualizado:
Una vez que tenemos los archivos de nuestra página, podemos crear una cuenta en GitHub.
¿Qué es GitHub?
Esta es una plataforma de almacenamiento en la nube dedicada a desarrolladores. Ofrece una gran cantidad de servicios, entre ellos, alojar nuestros archivos en un servidor para que puedan ser consumidos como una página web.
¿Cómo creamos un nuevo proyecto
Cuando creamos una cuenta nueva, la página de inicio nos mostrará un botón para crear un nuevo proyecto, aunque el término que utilizamos es repositorio.
Otra alternativa es dirigirnos al botón de nuestro perfil y seleccionar Your repositories (Tus repositorios). Aquí podremos encontrar el botón para crear uno nuevo.
Nos aparecerá un formulario. El primer campo es para seleccionar el nombre de nuestro proyecto.
No podemos usar espacios ni caracteres especiales, ya que terminarán siendo parte del enlace generado.
Dentro de las opciones podremos elegir entre un proyecto público o un proyecto privado. Al usar el servicio gratuito sólo podemos crear páginas a partir de proyectos públicos.
El código de los proyectos públicos, como su nombre lo indica, está abierto a todo el mundo, así que no deberíamos poner información sensible en ellos.
El resto de los campos no los usaremos por ahora. Y le damos crear.
Dentro del repositorio
Nos enviará a la página de nuestro proyecto, aquí buscaremos el mensaje azul, y la sección que dice Upload existing files o Subir archivos existentes.
En esta pantalla podemos seleccionar o arrastrar los archivos y carpetas que conforman nuestro proyecto. Debajo aparecerá un formulario con dos campos, por ahora los dejaremos vacíos y publicaremos los nuevos archivos.
Una vez que suban los archivos, podremos ir a la barra superior que contiene diferentes menús. Seleccionaremos Settings o Ajustes. En la nueva pantalla iremos a la columna de la izquierda y buscaremos Pages o Páginas. En este panel buscaremos la sección Branch o Rama, y cambiaremos los ajustes de None a Main.
Esperamos unos minutos y recargamos la página. Hasta arriba del panel encontraremos el enlace a nuestra página.
Resolviendo algunos problemas
Me sale el error 404
Cuando usamos servicios de alojamiento debemos asegurarnos de seguir las convenciones o configuración necesaria para que nuestra página se vea correctamente.
En el caso de GitHub Pages, existen dos maneras.
Usando index.html en la raíz
Debemos asegurarnos de que al subir el proyecto, la ruta del archivo que queremos usar como página de inicio está en la raíz del proyecto y se llama index.html.
Cuando subimos una carpeta completa, la plataforma crea una ruta con el nombre de la carpeta. Por ejemplo: mi-proyecto/index.html.
Podemos subir los archivos que están dentro de mi-proyecto en lugar de la carpeta completa para resolver el problema.
Usando docs en los ajustes
Otra forma es subir la carpeta completa, pero renombrándola a docs. Y en los ajustes de Pages, seleccionar docs en lugar de /root.