https://github.com/hugozap/guia-github-pages

Guía para publicar un sitio Web en GitHub Pages
https://github.com/hugozap/guia-github-pages

espanol tutoriales

Last synced: about 2 months ago
JSON representation

Guía para publicar un sitio Web en GitHub Pages

• Host: GitHub
• URL: https://github.com/hugozap/guia-github-pages
• Owner: hugozap
• License: mit
• Created: 2017-08-03T02:48:52.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-03T04:31:11.000Z (over 7 years ago)
• Last Synced: 2024-04-16T05:51:58.660Z (9 months ago)
• Topics: espanol, tutoriales
• Homepage:
• Size: 858 KB
• Stars: 4
• Watchers: 2
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Usar páginas en GitHub

## Objetivo

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

- Aprender a usar GitHub Desktop

### Pasos:

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

## Descargar GitHub Desktop

Para poder trabajar hay que instalar

GitHub Desktop.

[Descargar](https://desktop.github.com/)

## Crear nuevo proyecto

Desde GitHub desktop crear proyecto.

![Nuevo](nuevo_proyecto.png)

Cuando se crea el proyecto vemos esta pantalla:

![Proyecto nuevo](proyecto_nuevo.png)

### Agregar el primer archivo al proyecto

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

Pasos:

- Abrir carpeta local del proyecto

- Crear archivo index.html

#### Abrir carpeta del proyecto

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

![Abrir Carpeta](show_finder.png)

#### Crear archivo dentro de carpeta

Crear archivo index.html

![Primer archivo](primer_archivo.png)

### Subir proyecto a Github

Ahora vamos a subir el proyecto.

( Esto se llama "commit" )

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

![commit](primer_commit.png)

2. Publicar los cambios

![publicar](publicar.png)

(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:

![web](publicado.png)

Mi proyecto está en :

https://github.com/hugozap/sitio1

(Cambia "hugozap" por tu usuario en GitHub)

### Activar servicio "Pages"

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

![settings](settings.png)

Ahora activamos la opción "Pages"

![pages](activar_pages.png)

### Ver en la Web

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

[hugozap.github.io/sitio1](https://hugozap.github.io/sitio1)

(Tienes que cambiar hugozap por tu usuario de GitHub)

### Hacer cambios

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")

### Tarea

Ahora ya no vas a usar CodePen.

Crea un nuevo proyecto en Github para tu portafolio.