Crear nuestro website en GitHub de forma gratuita

David Galisteo Cantero

¡Hola! En esta entrada vamos a ver cómo podemos crear y alojar, por ejemplo, nuestro portafolio, sin necesidad de comprar ningún hosting ni dominio, solo usando GitHub, quien dice portafolio, dice web en general, aunque SOLO se permite HTML, CSS y Javascript, es decir, tecnologías Frontend.

github social coding

Si aún no tienes una cuenta en github, créala, será necesaria:
Crear cuenta github

Bien, entremos en materia:
Lo primero que debemos hacer es crear un nuevo repositorio, llamado, por ejemplo, “portafolio” en github.

A continuación abrimos nuestra consola de git en local y creamos una nueva carpeta, por ejemplo, en el Escritorio.

mkdir portafolio
cd portafolio

Una vez dentro, inicializamos un repositorio local:

git init

A continuación, vamos a enlazar el repositorio local con el remoto, para ello, vamos a nuestro repositorio en github y buscamos la url del repositorio, será del tipo:

https://github.com/darkvid/Slide-HTML-CSS-Javascript.git

Volvamos a la consola, añadiremos el enlace al repositorio remoto con:

git remote add origin [URL-REPOSITORIO]

El nombre ‘origin’ se da por convención.

Ahora, si hacemos:

git remote -v

Nos deberá aparecer el repositorio enlazado.

Sigamos, ahora vamos a crear una rama llamada ‘gh-pages’, es estrictamente necesario que le coloquemos ese nombre, pues GitHub creará el website según el contenido de esta.

git checkout --orphan gh-pages

Estamos creando y saltando a la rama, ‘orphan’ es para evitar que esta rama “cuelgue” de otras.

Estamos listos para crear nuestro portafolio, pero por el momento supongamos que queremos probar todo el procedimiento, vamos a crear un pequeño archivo html.

echo "Mi web" > index.html

Se nos creó el fichero, ahora hacemos commit:

git add -A
git commit -m "Primer commit"

Ya está todo listo para subir el fichero al repositorio:

git push origin gh-pages

Estamos subiendo a ‘origin’ la rama ‘gh-pages’. Recuerda que ‘origin’ fue el nombre que le dimos al repositorio remoto.
Una vez finalizado, si vamos a nuestro repositorio en github veremos que ahí está.

Por último, solo tenemos que ir a la vista del repositorio en github, y, en la parte del título, hacer click en “Editar”, se abrirán dos inputs, uno para la descripción y otro para el website, en el que deberemos introducir:

https://[nick].github.io/[nombreRepositorio]

Donde ‘nick’ es tu usuario, en mi caso “darkvid”.

En unos 15-30 minutos debería estar listo.

Espero que os haya sido útil.

Más información en github https://help.github.com/articles/creating-project-pages-manually/

HackSaludos!

Publicado el 10-12-2014

Compartelo!

Deja un comentario

Comentanos

*
Ir arriba de la pagina