• Usar el servicio de páginas de GitHub para publicar proyectos Web.

• Aprender a usar GitHub Desktop

1. Configurrar GitHub Desktop
2. Crear nuevo proyecto
3. Agregar contenido (local)
4. Subir contenido a Github
5. Activar servicio "Pages"
6. Ver en la Web

Para poder trabajar hay que instalar GitHub Desktop.

Descargar

Desde GitHub desktop crear proyecto.

Cuando se crea el proyecto vemos esta pantalla:

Vamos a agregar un nuevo archivo "index.html" al proyecto

Pasos:

• Abrir carpeta local del proyecto
• Crear archivo index.html

Para abrir la carpeta en el menú (Repository) está la opción:

Crear archivo index.html

Ahora vamos a subir el proyecto. ( Esto se llama "commit" )

1. Escribir el título y descripción de los cambios al proyecto

2. Publicar los cambios

(Importante: NO seleccionar la opción "Keep this code private")

Vamos a revisar si la publicación salió bien.

Ir a Github.com y abrir el proyecto:

Mi proyecto está en :

https://github.com/hugozap/sitio1

(Cambia "hugozap" por tu usuario en GitHub)

Para poder ver la página tenemos que cambiar la configuración.

Ahora activamos la opción "Pages"

Si funcionó entonces puedes ver tu página en:

hugozap.github.io/sitio1

(Tienes que cambiar hugozap por tu usuario de GitHub)

Cuando hagas cambios locales (en tu computador) debes:

En GitHub Desktop

1. Guardar el "commit" con la descripción (Click en "Commit to Master)

2. Publicar tus cambios.

(Click en botón "Push to origin")

Ahora ya no vas a usar CodePen.

Crea un nuevo proyecto en Github para tu portafolio.